.cs{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:2.5rem 1.25rem;background:#09090b;color:#fff;position:relative;overflow:hidden;font-family:var(--font-inter),Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.cs:before{background:radial-gradient(58% 42% at 50% -5%,rgba(37,99,235,.28),transparent 70%),radial-gradient(45% 35% at 88% 108%,rgba(37,99,235,.12),transparent 70%)}.cs:after,.cs:before{content:"";position:absolute;inset:0;pointer-events:none}.cs:after{opacity:.5;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 0);background-size:46px 46px;-webkit-mask-image:radial-gradient(72% 60% at 50% 38%,#000,transparent 76%);mask-image:radial-gradient(72% 60% at 50% 38%,#000,transparent 76%)}.cs__inner{position:relative;z-index:1;width:100%;max-width:560px;text-align:center;animation:cs-rise .6s cubic-bezier(.22,1,.36,1) both}@keyframes cs-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.cs__logo{height:34px;width:auto;display:block;margin:0 auto 2.1rem}.cs__badge{display:inline-flex;align-items:center;gap:.55rem;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#b9ccff;border:1px solid rgba(37,99,235,.45);background:rgba(37,99,235,.1);padding:.42rem .85rem;border-radius:999px;margin-bottom:1.5rem}.cs__dot{width:6px;height:6px;border-radius:50%;background:#3b82f6;animation:cs-pulse 2.2s ease-in-out infinite}@keyframes cs-pulse{0%,to{box-shadow:0 0 0 0 rgba(59,130,246,.55)}50%{box-shadow:0 0 0 5px rgba(59,130,246,0)}}.cs h1{color:#fff;font-size:clamp(2.05rem,5.2vw,3rem);line-height:1.04;letter-spacing:-.03em;font-weight:800;margin:0 0 1rem}.cs h1 .grad{background:linear-gradient(96deg,#ffffff 30%,#9db8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.cs__lead{color:rgba(255,255,255,.64);font-size:1.06rem;line-height:1.6;margin:0 auto 1.9rem;max-width:468px}.cs__pills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:0 0 2.3rem}.cs__pill{font-size:.79rem;color:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);padding:.4rem .78rem;border-radius:999px}.cs__card{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:1.4rem;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 60px -30px rgba(0,0,0,.8)}.cs__card-label{display:flex;align-items:center;gap:.5rem;font-size:.86rem;font-weight:600;color:rgba(255,255,255,.82);margin:0 0 .75rem}.cs__card-label .ico{color:#93b4ff;font-size:1rem}.cs__foot{margin-top:1.9rem;color:rgba(255,255,255,.4);font-size:.82rem;line-height:1.6}.pin-row{display:flex;gap:.6rem}.pin-input{flex:1 1;min-width:0;padding:.85rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.35);color:#fff;font-size:1rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.pin-input::placeholder{color:rgba(255,255,255,.4)}.pin-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.32)}.pin-btn{padding:.85rem 1.45rem;border-radius:12px;border:none;background:#fff;color:#09090b;font-weight:700;font-size:1rem;cursor:pointer;white-space:nowrap;transition:transform .1s ease,background .15s ease,opacity .15s ease}.pin-btn:hover:not(:disabled){background:#e8edff}.pin-btn:active:not(:disabled){transform:translateY(1px)}.pin-btn:disabled{opacity:.5;cursor:default}.pin-err{color:#fca5a5;font-size:.85rem;margin:.75rem 0 0}@media (max-width:480px){.pin-row{flex-direction:column}.pin-btn{width:100%}}@media (prefers-reduced-motion:reduce){.cs__dot,.cs__inner{animation:none}}