*{box-sizing:border-box} :root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#101828;background:#fff;font-synthesis:none;--surface:#fff;--text:#101828;--muted:#667085;--border:#d0d5dd;--accent:#465fff}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.auth-layout{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.form-side{position:relative;display:flex;flex-direction:column;min-height:100svh;padding:40px 48px}.wordmark{font-size:15px;letter-spacing:.5px;text-decoration:none;color:var(--muted);width:min(100%,448px);margin:0 auto}.wordmark strong{font-weight:600;color:var(--text)}.form-wrap{width:100%;max-width:448px;margin:auto; padding:48px 0}h1{font-size:36px;line-height:1.2;letter-spacing:-1px;font-weight:600;margin:0 0 12px}.subtitle{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 36px}form{display:grid;gap:24px}.field{display:grid;gap:8px}.field label{font-size:14px;font-weight:500}.field label span{color:#f04438}input[type=email],input[type=password],input[type=text]{width:100%;height:46px;padding:12px 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:14px;box-shadow:0 1px 2px #1018280d}input::placeholder{color:#98a2b3}.password-wrap{position:relative}.password-wrap input{padding-right:50px}.eye-button{position:absolute;right:10px;top:5px;width:36px;height:36px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}.eye-button svg{width:21px;height:21px}.remember{display:flex;align-items:center;gap:11px;font-size:14px;cursor:pointer;color:var(--text)}.remember input{width:20px;height:20px;margin:0;accent-color:var(--accent);cursor:pointer}.primary{width:100%;height:46px;display:grid;place-items:center;border:0;border-radius:8px;background:var(--accent);color:white;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 1px 2px #1018280d;transition:background .15s}.primary:hover{background:#3641f5}.primary:disabled{opacity:.55;cursor:wait}.access-note{font-size:13px;line-height:1.6;margin:24px 0 0;color:var(--muted)}footer{font-size:12px;color:#98a2b3;width:min(100%,448px);margin:0 auto}.brand-side{background:#17194d;position:relative;overflow:hidden;display:grid;place-items:center;min-height:100svh;padding:48px}.brand-content{position:relative;z-index:1;text-align:center}.brand-line{display:flex;align-items:center;justify-content:center;gap:16px}.brand-icon{background:#465fff;display:grid;place-items:center;width:54px;height:54px;border-radius:15px;color:#fff;font-size:30px;font-weight:600;letter-spacing:-3px;padding-right:3px}.brand-name{color:white;font-size:30px;letter-spacing:-.8px;font-weight:500}.brand-name strong{font-weight:600}.brand-content p{color:#a1a6c2;font-size:16px;line-height:1.65;margin:20px 0 0}.grid-art{position:absolute;inset:22% -10% 22%;background-image:linear-gradient(#b5baf518 1px,transparent 1px),linear-gradient(90deg,#b5baf518 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse at center,#000 10%,transparent 72%)}.grid-art i{position:absolute;width:52px;height:52px;background:#b5baf516}.grid-art i:nth-child(1){left:156px;top:104px}.grid-art i:nth-child(2){right:156px;top:208px}.grid-art i:nth-child(3){left:260px;top:260px}.theme-toggle{position:fixed;right:24px;bottom:24px;border:0;border-radius:50%;width:56px;height:56px;background:#465fff;color:white;display:grid;place-items:center;cursor:pointer;z-index:3;box-shadow:0 4px 12px #1018281a}.theme-toggle svg{width:24px;height:24px}.card{border:1px solid var(--border);border-radius:12px;padding:22px;margin:24px 0;color:var(--muted);font-size:14px;line-height:1.6}.card h2{font-size:18px;color:var(--text);margin-top:0}#message{font-size:14px;line-height:1.6;color:var(--muted);margin:16px 0 0}#message:empty{display:none}#message.error{color:#d92d20}:focus-visible{outline:3px solid #8090ff;outline-offset:3px}.dark{color-scheme:dark;--surface:#101828;--text:#f2f4f7;--muted:#98a2b3;--border:#344054;background:var(--surface);color:var(--text)}@media(min-width:1600px){.form-side{padding:48px 64px}}@media(max-width:1023px){.auth-layout{grid-template-columns:1fr}.brand-side{display:none}.form-side{padding:32px 28px}.theme-toggle{width:48px;height:48px;right:20px;bottom:20px}}@media(max-width:480px){h1{font-size:30px}.form-side{padding:28px 24px}.form-wrap{padding:48px 0}.access-note{max-width:270px}}