:root{color-scheme:dark;--bg:#080b14;--card:rgba(14,18,31,.78);--line:rgba(255,255,255,.09);--text:#f7f8fc;--muted:#9aa5bd;--blue:#6c7cff;--cyan:#58d6ff;--green:#5ce1a3;--red:#ff667d}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 50% -10%,#182142 0,transparent 42%),linear-gradient(180deg,#090c16 0,#070910 100%);overflow-x:hidden}.shell{position:relative;z-index:2;width:min(920px,calc(100% - 34px));margin:0 auto;padding:56px 0 34px}.brand{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:27px;animation:fadeDown .7s ease both}.brand h1{font-size:20px;margin:2px 0 0;letter-spacing:-.02em}.eyebrow{margin:0;color:#9da8c8;font-weight:800;letter-spacing:.18em;font-size:10px}.mark{width:44px;height:44px;border:1px solid rgba(133,150,255,.36);border-radius:13px;background:linear-gradient(145deg,rgba(108,124,255,.22),rgba(88,214,255,.05));display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:10px;box-shadow:0 0 35px rgba(83,105,255,.12)}.mark span{display:block;width:5px;border-radius:4px;background:linear-gradient(#6fdfff,#7281ff);animation:bars 1.8s ease-in-out infinite}.mark span:nth-child(1){height:11px}.mark span:nth-child(2){height:22px;animation-delay:.15s}.mark span:nth-child(3){height:16px;animation-delay:.3s}.card{position:relative;padding:36px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(180deg,rgba(19,24,41,.88),rgba(11,14,24,.9));box-shadow:0 30px 90px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(22px);animation:rise .75s cubic-bezier(.2,.75,.25,1) both;overflow:hidden}.card:before{content:"";position:absolute;inset:0 20% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(116,138,255,.75),transparent)}.status-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(92,225,163,.18);border-radius:999px;background:rgba(92,225,163,.07);color:#b9f6d9;font-size:12px;font-weight:700}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(92,225,163,.08);animation:pulse 2s infinite}.card h2{font-size:34px;letter-spacing:-.04em;margin:18px 0 9px}.intro{max-width:720px;color:var(--muted);font-size:15px;line-height:1.7;margin:0}.steps{display:grid;grid-template-columns:1fr 46px 1fr 46px 1fr;align-items:center;margin:30px 0;padding:18px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.018)}.step{display:flex;align-items:center;gap:11px;color:#7f8ba5}.step span{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:9px;font-size:12px;font-weight:800}.step strong{display:block;color:#b9c2d7;font-size:12px}.step small{font-size:10px}.step.active span{color:white;border-color:rgba(108,124,255,.52);background:rgba(108,124,255,.16);box-shadow:0 0 24px rgba(108,124,255,.14)}.step.active strong{color:white}.connector{height:1px;background:linear-gradient(90deg,rgba(108,124,255,.22),rgba(255,255,255,.08))}form{display:grid;gap:19px}label{display:grid;gap:8px;color:#cbd2e2;font-size:12px;font-weight:750;letter-spacing:.01em}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.input-wrap{position:relative}.input-wrap input{width:100%;height:53px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(4,7,14,.58);color:white;padding:0 45px 0 15px;outline:none;font-size:14px;transition:.22s ease}.input-wrap input::placeholder{color:#59637a}.input-wrap input:focus{border-color:rgba(108,124,255,.68);box-shadow:0 0 0 4px rgba(108,124,255,.08),0 10px 30px rgba(0,0,0,.15);background:rgba(6,9,18,.8)}.code-wrap input{font-family:"SFMono-Regular",Consolas,monospace;letter-spacing:.22em;text-transform:uppercase;font-weight:800}.field-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#69758f;font-weight:900}.security-note{display:flex;align-items:flex-start;gap:13px;padding:14px 16px;border:1px solid rgba(88,214,255,.12);border-radius:13px;background:rgba(88,214,255,.035);color:#9ba9c3}.security-note p{margin:0;font-size:11px;line-height:1.55}.security-note strong{color:#cbd8ed}.shield{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:8px;background:rgba(88,214,255,.09);color:#6ee1ff;font-size:10px}button{height:56px;border:0;border-radius:14px;color:white;background:linear-gradient(105deg,#6172f3,#7c6df2 58%,#4faee7);font-weight:850;font-size:14px;cursor:pointer;box-shadow:0 14px 30px rgba(83,95,230,.22),inset 0 1px rgba(255,255,255,.18);transition:transform .2s ease,filter .2s ease;position:relative}button:hover{transform:translateY(-2px);filter:brightness(1.08)}button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.72;transform:none}.spinner{display:none;width:19px;height:19px;border:2px solid rgba(255,255,255,.35);border-top-color:white;border-radius:50%;animation:spin .75s linear infinite;margin:auto}button.loading .button-label{display:none}button.loading .spinner{display:block}.result{display:none;margin-top:19px;padding:17px 18px;border-radius:14px;font-size:13px;line-height:1.55;animation:resultIn .3s ease both}.result.show{display:block}.result.success{border:1px solid rgba(92,225,163,.2);background:rgba(92,225,163,.07);color:#c9f9e2}.result.error{border:1px solid rgba(255,102,125,.18);background:rgba(255,102,125,.065);color:#ffd0d7}footer{display:flex;align-items:center;justify-content:center;gap:10px;color:#5f6980;font-size:10px;margin-top:20px;letter-spacing:.04em}footer i{width:3px;height:3px;background:#4b556c;border-radius:50%}.aurora{position:fixed;z-index:1;border-radius:50%;filter:blur(90px);opacity:.16;pointer-events:none}.aurora-one{width:430px;height:430px;background:#4b5dff;left:-180px;top:15%;animation:float 9s ease-in-out infinite}.aurora-two{width:380px;height:380px;background:#17bde3;right:-180px;bottom:-80px;animation:float 11s ease-in-out infinite reverse}@keyframes rise{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}@keyframes fadeDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes bars{0%,100%{transform:scaleY(.78);opacity:.65}50%{transform:scaleY(1);opacity:1}}@keyframes pulse{0%,100%{box-shadow:0 0 0 4px rgba(92,225,163,.08)}50%{box-shadow:0 0 0 8px rgba(92,225,163,.015)}}@keyframes float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(32px,-28px,0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes resultIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:720px){.shell{padding-top:32px}.card{padding:24px 19px;border-radius:21px}.card h2{font-size:28px}.grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr;gap:10px}.connector{display:none}.step{padding:3px}.intro{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}