:root{
 color-scheme:dark;--bg:#020304;--panel:#07090b;--panel2:#090c0f;--line:#20262b;
 --line2:#2a3238;--text:#f2f5f6;--muted:#707b82;--soft:#4b565d;--green:#45df8c;
 --amber:#efbd61;--red:#ed747e
}
*{box-sizing:border-box}
html,body{margin:0;min-width:320px;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-text-size-adjust:100%}
body{min-height:100vh;min-height:100dvh;overflow:auto}
button,input{font:inherit}
.login-stage{position:relative;min-height:100dvh;display:grid;place-items:center;padding:clamp(22px,5vw,64px) 18px;background:radial-gradient(circle at 50% 0,rgba(44,118,89,.13),transparent 36rem),radial-gradient(circle at 50% 105%,rgba(32,65,87,.10),transparent 38rem),#020304;isolation:isolate}
.login-stage:before{content:"";position:fixed;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,transparent 0,black 20%,black 80%,transparent 100%)}
.login-stage:after{content:"";position:fixed;z-index:-1;width:min(76vw,880px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(112,150,136,.035);box-shadow:0 0 120px rgba(39,135,96,.025);pointer-events:none}
.login-card{width:min(520px,100%);padding:34px 34px 27px;border:1px solid rgba(255,255,255,.085);border-radius:18px;background:linear-gradient(180deg,rgba(9,12,14,.985),rgba(5,7,8,.992));box-shadow:0 38px 120px rgba(0,0,0,.56),0 1px 0 rgba(255,255,255,.025) inset}
.login-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:inherit;margin:0 auto 28px}
.login-brand img{display:block;width:min(252px,72%);max-height:88px;object-fit:contain;filter:drop-shadow(0 10px 28px rgba(0,0,0,.48))}
.login-brand span{margin-top:9px;color:#727e84;font-size:7px;font-weight:800;letter-spacing:.27em}
.login-copy{padding-top:23px;border-top:1px solid rgba(255,255,255,.06)}
.login-kicker{color:#66727a;font-size:7px;font-weight:850;letter-spacing:.19em}
.login-copy h1{margin:9px 0 0;font-size:33px;font-weight:650;line-height:1.05;letter-spacing:-.045em}
.login-copy p{margin:8px 0 0;color:#727d83;font-size:11px;line-height:1.55}
.login-form{margin-top:26px}
.login-field{display:block;margin-top:15px}
.login-field>span{display:block;margin:0 0 7px 2px;color:#747f86;font-size:7px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.login-input-wrap{position:relative}
.login-input-icon{position:absolute;left:15px;top:50%;width:17px;height:17px;transform:translateY(-50%);fill:none;stroke:#566169;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.login-field input{display:block;width:100%;height:56px;border:1px solid #252c32;border-radius:10px;background:#0a0d10;color:#f4f6f7;padding:0 50px 0 44px;font-size:16px;outline:0;transition:border-color .16s,box-shadow .16s,background .16s}
.login-field input:focus{border-color:#55656d;background:#0d1114;box-shadow:0 0 0 3px rgba(113,147,151,.065)}
.login-field input:-webkit-autofill{-webkit-text-fill-color:#f3f5f6;box-shadow:0 0 0 1000px #0b0e11 inset}
.login-password-wrap input{padding-right:58px}
.login-reveal{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:42px;height:42px;padding:0;border:0;border-radius:8px;background:transparent;color:#68747b;display:grid;place-items:center;cursor:pointer}
.login-reveal:hover,.login-reveal:focus-visible{color:#edf1f2;background:#14191d;outline:0}
.login-reveal svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.login-eye-off{display:none}.login-reveal[aria-pressed="true"] .login-eye-open{display:none}.login-reveal[aria-pressed="true"] .login-eye-off{display:block}
.login-caps{display:block;margin:7px 2px 0;color:var(--amber);font-size:8px}.login-caps[hidden]{display:none!important}
.login-hint{margin-top:11px;padding:11px 12px;border:1px solid #1c2227;border-radius:8px;background:#07090b;color:#68747b;font-size:8px;line-height:1.55}
.login-submit{width:100%;height:56px;margin-top:20px;border:1px solid #e4e8ea;border-radius:10px;background:#eef1f2;color:#090b0c;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:10px;font-weight:850;cursor:pointer;transition:background .16s,transform .16s,box-shadow .16s}
.login-submit:hover{background:#fff;box-shadow:0 10px 30px rgba(255,255,255,.055)}.login-submit:active{transform:translateY(1px)}.login-submit:disabled{opacity:.62;cursor:wait}
.login-submit svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}
.login-error{min-height:21px;padding-top:9px;color:var(--red);font-size:9px;line-height:1.4}
.login-security{display:flex;align-items:center;gap:10px;min-height:32px;margin-top:17px;padding-top:16px;border-top:1px solid rgba(255,255,255,.055);color:#505b62;font-size:7px;letter-spacing:.03em}
.login-security>span:not(:first-child){padding-left:10px;border-left:1px solid #1c2226}.login-security-state{display:flex;align-items:center;gap:6px;color:#68747a}.login-security-state i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(69,223,140,.28)}
.login-domain{position:absolute;bottom:17px;color:#343d43;font:700 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em}
@media(max-width:620px){.login-stage{padding:18px 12px 38px}.login-card{padding:28px 19px 22px;border-radius:15px}.login-brand{margin-bottom:22px}.login-brand img{width:min(238px,70%);max-height:82px}.login-copy{padding-top:20px}.login-copy h1{font-size:30px}.login-field input,.login-submit{height:54px}.login-security{gap:7px;font-size:6px;flex-wrap:wrap}.login-security>span:not(:first-child){padding-left:7px}.login-domain{bottom:13px}}
@media(max-width:380px){.login-card{padding-left:16px;padding-right:16px}.login-copy h1{font-size:28px}.login-brand img{width:210px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}