@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
.login-refresh{--login-surface:#fff;--login-bg:#f5f7fb;--login-line:#e7ecf3;--login-ink:#233047;--login-muted:#768399;--login-blue:#4276e5;--login-active:#edf3ff;background:var(--login-bg);color:var(--login-ink);font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;min-height:100svh;padding:36px 24px}
.login-layout{width:min(1080px,100%);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:clamp(32px,6vw,92px);align-items:center}
.login-intro{min-width:0}.login-brand{display:inline-block;margin-bottom:65px}.login-brand img{display:block;width:205px;height:54px;object-fit:contain;object-position:left center}
.login-eyebrow{display:block;color:var(--login-blue);font-size:10px;font-weight:750;letter-spacing:1.8px}
.login-intro h1{font-size:clamp(34px,4vw,52px);letter-spacing:-1.9px;line-height:1.2;max-width:550px;margin:16px 0 18px;color:var(--login-ink)}
.login-intro>p{color:var(--login-muted);font-size:14px;line-height:1.85;max-width:455px;margin:0}
.login-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:46px}
.login-benefits>div{min-width:0;background:var(--login-surface);border:1px solid var(--login-line);border-radius:14px;padding:17px 14px}
.login-benefits span,.login-card-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:var(--login-active);color:var(--login-blue)}
.login-benefits svg,.login-card-icon svg{width:21px;height:21px}.login-benefits strong{display:block;margin-top:13px;font-size:12px;font-weight:750}.login-benefits small{display:block;margin-top:6px;color:var(--login-muted);font-size:10px;line-height:1.55}
.login-card{background:var(--login-surface);border:1px solid var(--login-line);border-radius:18px;padding:clamp(25px,3.5vw,42px);box-shadow:0 15px 45px #182d4c0b;min-width:0}
.login-card-icon{width:48px;height:48px;margin-bottom:29px}.login-card-icon svg{width:24px;height:24px}
.login-card h2{font-size:30px;letter-spacing:-1px;line-height:1.25;margin:11px 0;color:var(--login-ink)}.login-card>p{color:var(--login-muted);font-size:12px;line-height:1.7;margin:0 0 29px}
.login-form{display:grid;gap:10px}.login-form label{color:var(--login-ink);font-size:11px;font-weight:700;margin-top:8px}.login-form input{height:48px;border:1px solid var(--login-line);border-radius:9px;background:var(--login-bg);color:var(--login-ink);font:inherit;font-size:12px;padding:12px 14px}.login-form input::placeholder{color:#9aa6b7}
.login-form .primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;background:var(--login-blue);border-radius:9px;color:#fff;font:700 12px Manrope,sans-serif;margin-top:14px}.login-form .primary:hover{background:#3264cc;filter:none}.login-form .primary span{font-size:17px;font-weight:400}
.login-card-footer{border-top:1px solid var(--login-line);margin-top:30px;padding-top:22px;text-align:center;color:var(--login-muted);font-size:11px}.login-card-footer a{color:var(--login-blue);font-weight:750;text-decoration:none}.login-card-footer a:hover{text-decoration:underline}
.login-refresh .notice.danger{font-size:12px;line-height:1.5;margin-bottom:15px}
.login-refresh :is(a,input,button):focus-visible{outline:2px solid var(--login-blue);outline-offset:3px}
@media(max-width:800px){.login-layout{grid-template-columns:1fr;gap:30px;max-width:520px}.login-brand{margin-bottom:30px}.login-intro h1{font-size:34px}.login-benefits{margin-top:24px}.login-card{width:100%}}
@media(max-width:500px){.login-refresh{padding:24px 16px 36px;place-items:start center}.login-brand{margin-bottom:25px}.login-brand img{width:175px;height:42px}.login-intro h1{font-size:29px;letter-spacing:-1px;margin:11px 0}.login-intro>p{font-size:12px}.login-benefits{gap:8px}.login-benefits>div{padding:11px 9px}.login-benefits span{width:31px;height:31px}.login-benefits svg{width:17px;height:17px}.login-benefits strong{font-size:10px;margin-top:8px}.login-benefits small{font-size:9px}.login-card{padding:24px;border-radius:15px}.login-card-icon{margin-bottom:20px}.login-card h2{font-size:26px}.login-card>p{margin-bottom:20px}}
@media(prefers-color-scheme:dark){.login-refresh{--login-surface:#192333;--login-bg:#121b29;--login-line:#2a3548;--login-ink:#e2e9f4;--login-muted:#99a8bf;--login-blue:#79a4ff;--login-active:#253b5e}.login-form .primary{background:#4276e5}.login-form input::placeholder{color:#74839a}.login-benefits>div,.login-card{box-shadow:none}}