:root{color-scheme:dark;--bg:#090711;--ink:#fff9fc;--muted:#aaa0b5;--line:#ffffff16;--pink:#ff8bc5;--peach:#ffd0ad;--violet:#917cff;--green:#66e2ae}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--ink);font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Microsoft YaHei",sans-serif;background:radial-gradient(circle at 15% 80%,#e95b8740,transparent 33%),radial-gradient(circle at 85% 15%,#6754d74a,transparent 36%),var(--bg)}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.aurora{position:fixed;width:440px;height:440px;border-radius:50%;filter:blur(90px);opacity:.22;pointer-events:none;animation:drift 9s ease-in-out infinite alternate}.aurora.one{left:-180px;top:20%;background:#ff568f}.aurora.two{right:-160px;top:5%;background:#7656ff;animation-delay:-4s}
header{height:76px;display:flex;align-items:center;max-width:1180px;margin:auto;padding:0 28px}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-size:18px;font-weight:900;letter-spacing:.08em}.brand img{width:38px;height:38px;filter:drop-shadow(0 0 14px #dc75dd70)}.global-usage{margin-left:auto;padding:9px 14px;border:1px solid var(--line);border-radius:999px;color:#d6ccdc;background:#ffffff08;font-size:11px;font-weight:750;letter-spacing:.04em;backdrop-filter:blur(16px)}
main{position:relative;z-index:1;min-height:calc(100vh - 130px);max-width:1080px;margin:auto;padding:62px 28px 90px;display:grid;grid-template-columns:1fr 440px;align-items:center;gap:90px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--peach);font-size:11px;font-weight:850;letter-spacing:.2em}.eyebrow::before{content:"";width:24px;height:2px;border-radius:9px;background:linear-gradient(90deg,var(--pink),var(--violet))}.intro h1{margin:20px 0 22px;font-size:clamp(52px,7vw,82px);line-height:.98;letter-spacing:-.065em}.intro h1 em{font-style:normal;color:transparent;background:linear-gradient(100deg,var(--peach),var(--pink) 45%,#ad9cff);background-clip:text;-webkit-background-clip:text}.intro p{max-width:470px;margin:0;color:var(--muted);font-size:17px}
.login-card{position:relative;min-height:490px;padding:34px;overflow:hidden;border:1px solid #ffffff20;border-radius:26px;background:linear-gradient(145deg,#1b1524ee,#100d18f2);box-shadow:0 38px 90px #0009,0 0 0 1px #ae79ff0b inset;backdrop-filter:blur(24px)}.login-card::before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(125deg,#ffd5e866,transparent 35%,#a990ff55 70%,transparent);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}.card-glow{position:absolute;width:280px;height:280px;right:-130px;top:-150px;border-radius:50%;background:conic-gradient(from 70deg,#ff91c8,#9b83ff,#ffc7a3,#ff91c8);filter:blur(55px);opacity:.25;animation:turn 12s linear infinite}.card-brand{position:relative;display:flex;align-items:center;gap:12px;padding-bottom:26px;border-bottom:1px solid var(--line)}.card-brand img{width:42px;height:42px;filter:drop-shadow(0 0 16px #cf79e080)}.card-brand div{display:grid}.card-brand b{font-size:17px;letter-spacing:.08em}.card-brand span{color:var(--muted);font-size:11px;letter-spacing:.14em}.welcome{margin:29px 0 25px}.welcome h2{margin:0 0 5px;font-size:27px;letter-spacing:-.035em}.welcome p{margin:0;color:var(--muted)}label{display:block;margin-bottom:9px;color:#d6cfdd;font-size:12px;font-weight:750}.key-field{display:flex;align-items:center;height:58px;border:1px solid #ffffff20;border-radius:14px;background:#ffffff09;transition:.2s}.key-field:focus-within{border-color:#c99aff8f;box-shadow:0 0 0 4px #ae70ff17,0 0 28px #b368e018;background:#ffffff0d}.key-field span{padding-left:17px;color:#c7a3ea;font-size:18px}.key-field input{width:100%;height:100%;padding:0 16px 0 12px;border:0;outline:0;background:transparent;color:var(--ink);font:700 15px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase}.key-field input::placeholder{color:#776d82;font-weight:500}.error{min-height:21px;margin:9px 0;color:#ff8297;font-size:12px}.primary,.continue{width:100%;height:54px;border-radius:13px;cursor:pointer;font:800 14px/1 inherit;transition:.2s}.primary{border:0;color:#1b111b;background:linear-gradient(110deg,var(--peach),var(--pink) 52%,var(--violet));box-shadow:0 13px 32px #b458b23d}.primary:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 18px 38px #a64db955}.primary:disabled{opacity:.55;transform:none;cursor:wait}.continue{margin-top:10px;border:1px solid var(--line);color:var(--ink);background:#ffffff08}.continue:hover{background:#ffffff0f}.trust{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:22px;color:#81778b;font-size:10px;letter-spacing:.08em}.trust i{width:3px;height:3px;border-radius:50%;background:#81778b}.hidden{display:none!important}
.success-card{position:absolute;inset:112px 34px 34px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:0;pointer-events:none;transform:translateY(12px);transition:.4s}.success-card.show{opacity:1;transform:none}.success-mark{display:grid;place-items:center;width:58px;height:58px;margin-bottom:20px;border-radius:50%;color:#10241b;background:var(--green);font-size:25px;font-weight:950;box-shadow:0 0 0 9px #66e2ae13,0 0 34px #66e2ae55}.success-card>span{color:#86dcb6;font-size:10px;font-weight:850;letter-spacing:.2em}.success-card h2{margin:12px 0 6px;font-size:24px}.success-card p{margin:0;color:#d8cfdd;font:700 15px/1.4 ui-monospace,Consolas,monospace}.success-line{width:100%;height:3px;margin:28px 0 16px;overflow:hidden;border-radius:9px;background:#ffffff0d}.success-line i{display:block;width:45%;height:100%;background:linear-gradient(90deg,transparent,var(--green),transparent);animation:scan 1.2s linear infinite}.success-card small{color:var(--muted)}footer{position:relative;z-index:1;padding:0 28px 26px;text-align:center;color:#686172;font-size:10px;letter-spacing:.18em}
@keyframes drift{to{transform:translate(55px,-35px) scale(1.1)}}@keyframes turn{to{transform:rotate(360deg)}}@keyframes scan{from{transform:translateX(-120%)}to{transform:translateX(340%)}}
@media(max-width:850px){main{grid-template-columns:1fr;gap:44px;padding-top:36px}.intro{text-align:center}.intro p{margin:auto}.login-card{width:min(100%,460px);margin:auto}.intro h1{font-size:54px}}
@media(max-width:520px){header{height:64px;padding:0 18px}main{padding:28px 15px 58px}.intro h1{font-size:45px}.intro p{font-size:15px}.login-card{min-height:475px;padding:25px;border-radius:21px}.success-card{inset:100px 25px 25px}.trust{gap:7px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}