:root{color-scheme:dark;--bg:#070d1c;--card:rgba(15,24,47,.78);--line:rgba(159,181,255,.18);--muted:#9ca9c7;--text:#f6f8ff;--accent:#8b7bff;--accent-2:#59d6ff}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100svh;display:grid;place-items:center;padding:24px;overflow:hidden;background:radial-gradient(ellipse at 50% -15%,#263c70 0,#0d1730 40%,var(--bg) 75%);color:var(--text);font:15px 'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.grid{position:fixed;inset:0;opacity:.23;background-image:linear-gradient(rgba(145,164,228,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(145,164,228,.12) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 80%,transparent)}
.ambient{position:fixed;border-radius:50%;filter:blur(1px);pointer-events:none}.ambient-one{width:440px;height:440px;top:-290px;right:-150px;background:#715bff66;box-shadow:0 0 140px 50px #715bff33}.ambient-two{width:360px;height:360px;bottom:-250px;left:-170px;background:#25bde344;box-shadow:0 0 120px 35px #25bde322}
.auth-shell{position:relative;width:min(100%,460px);z-index:1}.card{position:relative;padding:30px 34px 25px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(31,44,79,.78),rgba(9,15,32,.9));box-shadow:0 35px 100px #02050dcc,0 0 0 1px #fff3 inset;backdrop-filter:blur(24px);overflow:hidden}.card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#fff10,transparent 35%,#8074ff0f 70%,#5bdcff0d)}
.topline{position:relative;display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:linear-gradient(140deg,#9e8bff,#6359e7);box-shadow:0 8px 24px #7768f955,0 0 0 1px #fff3 inset;font-size:23px;transform:rotate(-8deg)}.brand-mark span{transform:rotate(8deg);filter:drop-shadow(2px 2px 0 #272159)}.brand-name{display:flex;flex-direction:column;font:700 16px/1 'Space Grotesk',sans-serif;letter-spacing:1.8px}.brand-name b{color:#b8b2ff;font-weight:600;font-size:13px;letter-spacing:2.3px;margin-top:4px}.secure{margin-left:auto;padding:7px 10px;border:1px solid #85e4c933;border-radius:999px;color:#9ae8d0;font-size:9px;font-weight:700;letter-spacing:1.2px;white-space:nowrap}.secure i,.dot{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#65e4b6;box-shadow:0 0 10px #65e4b6;vertical-align:1px}
.intro{position:relative;margin:52px 0 30px}.eyebrow{margin:0 0 10px;color:#8e94ff;font-size:10px;font-weight:700;letter-spacing:2.5px}h1{margin:0;font:600 clamp(31px,7vw,39px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-1.2px}.hint{max-width:310px;margin:13px 0 0;color:var(--muted);line-height:1.55;font-size:14px}
form{position:relative}label{display:block;margin-bottom:9px;color:#d6ddf3;font-size:12px;font-weight:600;letter-spacing:.2px}.input-wrap{position:relative}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-52%);color:#8b7bff;font:600 19px 'Space Grotesk'}.count{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#697697;font-size:11px;font-weight:700;letter-spacing:1px}input{width:100%;height:59px;padding:0 51px 0 42px;border:1px solid #94a2d33b;border-radius:14px;outline:0;background:#080f22b8;color:#f5f7ff;font:600 17px 'Space Grotesk';letter-spacing:2.8px;transition:.2s;border-bottom-color:#5965a2}input::placeholder{color:#667294;letter-spacing:2px}input:focus{border-color:#978bff;box-shadow:0 0 0 4px #8b7bff1f,0 9px 30px #0004}.field-help{margin:9px 2px 0;color:#7885a7;font-size:11px}button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:56px;margin-top:22px;border:0;border-radius:14px;background:linear-gradient(105deg,#7568ed,#5d9cf5);color:#fff;cursor:pointer;font:600 15px 'DM Sans';box-shadow:0 12px 28px #6e7bff38,0 0 0 1px #fff3 inset;transition:transform .18s,box-shadow .18s}button b{font-size:22px;font-weight:400;line-height:0;transition:transform .18s}button:hover{transform:translateY(-2px);box-shadow:0 16px 32px #6e7bff59,0 0 0 1px #fff3 inset}button:hover b{transform:translateX(4px)}button:active{transform:translateY(0)}button:disabled{cursor:wait;opacity:.65;transform:none}#status{min-height:19px;margin:12px 2px 0;color:#ff9baf;font-size:12px;text-align:center}footer{position:relative;margin-top:31px;padding-top:17px;border-top:1px solid #a5b3df18;color:#7380a2;font-size:10px;letter-spacing:.2px}footer em{float:right;color:#8997bd;font-style:normal}.copyright{margin:16px 0 0;color:#536183;font-size:10px;font-weight:600;letter-spacing:2px;text-align:center}.copyright span{margin:0 5px;color:#7f78e8}
@media(max-width:500px){body{padding:16px}.card{padding:24px 22px 22px;border-radius:22px}.secure{padding:6px 8px;font-size:8px}.intro{margin-top:43px;margin-bottom:27px}footer em{display:none}}
@media(prefers-reduced-motion:no-preference){.card{animation:rise .6s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}}