:root{--ink:#111113;--muted:#6e6e73;--line:rgba(0,0,0,.09);--glass:rgba(255,255,255,.72);--blue:#06c;--red:#d20a0a;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{min-height:100%;background:#f5f5f7}body{margin:0;min-height:100vh;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,Arial,sans-serif;background:linear-gradient(135deg,#f8f8fa 0%,#eef0f5 48%,#fafafa 100%);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}
.auth-bg{position:fixed;inset:-18%;pointer-events:none;filter:blur(55px);opacity:.8;transform:translateZ(0)}.orb{position:absolute;border-radius:50%;animation:drift 12s var(--ease) infinite alternate}.orb.one{width:42vw;height:42vw;left:-8vw;top:-12vw;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(215,220,232,.45) 45%,transparent 70%)}.orb.two{width:34vw;height:34vw;right:-6vw;top:18vh;background:radial-gradient(circle,rgba(210,224,255,.7),rgba(240,242,248,.3) 52%,transparent 70%)}.orb.three{width:30vw;height:30vw;left:34vw;bottom:-16vw;background:radial-gradient(circle,rgba(255,232,232,.55),transparent 68%)}
.topbar{position:fixed;top:0;left:0;right:0;z-index:10;height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.topbar a{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(0,0,0,.07);background:rgba(255,255,255,.62);backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px);box-shadow:0 8px 30px rgba(0,0,0,.05);border-radius:999px;padding:10px 14px;font-size:13px;transition:transform .35s var(--ease),background .35s}.topbar a:hover{transform:translateY(-1px);background:rgba(255,255,255,.9)}.topbar .create{background:rgba(17,17,19,.94);color:#fff;border-color:rgba(17,17,19,.2)}
.page{position:relative;z-index:2;min-height:100svh;display:grid;place-items:center;padding:100px 20px 40px}.card{width:min(980px,100%);display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.82);border-radius:34px;overflow:hidden;background:rgba(255,255,255,.54);backdrop-filter:saturate(180%) blur(34px);-webkit-backdrop-filter:saturate(180%) blur(34px);box-shadow:0 35px 100px rgba(22,30,48,.14),0 1px 0 rgba(255,255,255,.9) inset;animation:rise .8s var(--ease) both}.side{min-height:620px;padding:48px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(0,0,0,.07);background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.36))}.brand{display:flex;align-items:center}.brand img{width:112px;height:54px;object-fit:contain;object-position:left center}.side-copy{max-width:390px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#86868b;margin-bottom:18px}.side h1{font-size:clamp(54px,6vw,82px);line-height:.91;letter-spacing:-.075em;font-weight:650;margin:0 0 22px}.side h1 span{display:block}.side h1 .accent{color:#111}.side p{font-size:17px;line-height:1.5;color:#66676d;max-width:360px}.side-foot{display:flex;align-items:center;gap:9px;font-size:12px;color:#86868b}.side-foot i{width:7px;height:7px;border-radius:50%;background:#1fbd5b;box-shadow:0 0 12px rgba(31,189,91,.45)}
.form-panel{padding:56px 58px;display:flex;flex-direction:column;justify-content:center;background:rgba(255,255,255,.66)}.form-head h2{font-size:48px;line-height:.95;letter-spacing:-.065em;margin:0 0 12px;font-weight:650}.form-head p{margin:0;color:#73747a;line-height:1.5;font-size:15px}.form{display:grid;gap:15px;margin-top:30px}.field{display:grid;gap:7px;font-size:12px;font-weight:600;color:#505157}.input-wrap{position:relative}.field input{width:100%;height:52px;border:1px solid rgba(0,0,0,.11);border-radius:15px;padding:0 15px;background:rgba(255,255,255,.76);color:#111;outline:none;box-shadow:0 1px 2px rgba(0,0,0,.02),0 8px 24px rgba(0,0,0,.025);transition:border-color .25s,box-shadow .25s,background .25s,transform .25s}.field input::placeholder{color:#a0a1a6}.field input:focus{background:#fff;border-color:rgba(0,102,204,.45);box-shadow:0 0 0 4px rgba(0,102,204,.09),0 10px 30px rgba(0,0,0,.05);transform:translateY(-1px)}.password-row{display:flex;align-items:center;justify-content:space-between}.show-pass{border:0;background:transparent;color:#06c;font-size:12px;font-weight:600;cursor:pointer;padding:3px}.hint{font-size:11px;color:#8a8b90;line-height:1.45;margin-top:-5px}.primary{height:52px;border:0;border-radius:999px;background:#111113;color:#fff;font-weight:600;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.16);transition:transform .35s var(--ease),box-shadow .35s,opacity .25s}.primary:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(0,0,0,.19)}.primary:active{transform:scale(.985)}.primary:disabled{opacity:.55;cursor:wait;transform:none}.status{min-height:18px;font-size:12px;line-height:1.45;color:#6d6e73}.status.error{color:#b42318}.status.success{color:#18794e}.switch{text-align:center;color:#73747a;font-size:13px;margin-top:20px}.switch a{color:#06c;font-weight:600}
.password-rules{display:grid;gap:7px;margin-top:-2px;padding:12px 13px;border:1px solid rgba(0,0,0,.07);border-radius:15px;background:rgba(248,249,251,.72)}.password-rule{display:flex;align-items:center;gap:9px;font-size:11px;color:#85868b;transition:color .25s}.password-rule i{width:8px;height:8px;border-radius:50%;background:#c9cacf;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);transition:background .25s,box-shadow .25s,transform .25s}.password-rule.valid{color:#18794e}.password-rule.valid i{background:#1fbd5b;box-shadow:0 0 10px rgba(31,189,91,.35);transform:scale(1.05)}.verify-panel{display:grid;gap:13px;margin-top:30px;animation:rise .55s var(--ease) both}.verify-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(0,102,204,.08);color:#06c;font-size:22px}.verify-panel h3{font-size:38px;line-height:1;letter-spacing:-.055em;margin:0}.verify-panel p{font-size:14px;line-height:1.55;color:#73747a;margin:0}.verify-panel p strong{color:#111}.verify-panel .field{margin-top:3px}.verify-panel input{text-align:center;letter-spacing:.28em;font-size:22px;font-weight:650}.text-button{border:0;background:transparent;color:#06c;font-size:12px;font-weight:600;cursor:pointer;padding:3px;justify-self:center}.text-button.muted{color:#777980;font-weight:500}.text-button:disabled{opacity:.5;cursor:wait}
.legal{margin-top:20px;text-align:center;color:#9a9ba0;font-size:10.5px;line-height:1.5}.legal a{text-decoration:underline;text-underline-offset:2px}
@keyframes rise{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}@keyframes drift{from{transform:translate3d(-2%,-1%,0)}to{transform:translate3d(2%,2%,0)}}
@media(max-width:800px){.topbar{height:62px;padding:0 14px}.topbar a{padding:9px 12px;font-size:12px}.page{padding:80px 14px 24px}.card{grid-template-columns:1fr;border-radius:28px}.side{min-height:280px;padding:30px;border-right:0;border-bottom:1px solid rgba(0,0,0,.07)}.side h1{font-size:52px;margin-bottom:12px}.side p{font-size:15px;margin:0}.side-foot{margin-top:26px}.form-panel{padding:34px 24px 30px}.form-head h2{font-size:40px}.form{margin-top:24px}.orb.one{width:80vw;height:80vw}.orb.two{width:70vw;height:70vw}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.account-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:15px 0 0;font-size:12px;color:#707177}.account-check{display:flex;align-items:center;gap:8px;font-weight:500}.account-check input{width:15px;height:15px}.account-link{border:0;background:none;color:#06c;cursor:pointer;padding:0;text-decoration:none}.forgot-panel{margin-top:22px;padding:22px;border:1px solid #dedee3;border-radius:20px;background:#fafafd}.forgot-panel h3{font-size:28px;letter-spacing:-.05em;margin:7px 0}.forgot-panel p{font-size:13px;color:#6e6e73;margin:0 0 12px}.forgot-panel[hidden]{display:none}