@font-face{font-family:HN Studio Sans;src:url('/static/hn-studio/sans.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:HN Studio Serif;src:url('/static/hn-studio/serif.woff2') format('woff2');font-weight:300 700;font-display:swap}
*{box-sizing:border-box}html{color-scheme:dark;background:#171513}body{margin:0;background:#171513;color:#e9e1d5;font:15px/1.6 'HN Studio Sans',Arial,sans-serif;min-height:100svh}
main{width:min(100% - 40px,440px);margin:0 auto;padding:clamp(28px,7vh,72px) 0 26px}
.login-brand{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:32px;font:28px/1 'HN Studio Serif',Georgia,serif;letter-spacing:.1em}
.login-brand img{object-fit:contain;filter:invert(94%) sepia(7%) saturate(405%) hue-rotate(347deg)}.login-brand small{display:block;text-align:center;font:8px/1.4 'HN Studio Sans',Arial,sans-serif;letter-spacing:.42em;margin-top:9px}
.login-card{position:relative;padding:28px 30px 30px;background:#28231f;border:1px solid #e9e1d522;border-radius:4px}
.login-language{display:flex;justify-content:flex-end;gap:5px;margin-bottom:26px}.login-language a{text-decoration:none;color:#c7bbaa;display:grid;place-items:center;min-width:36px;min-height:36px;font-size:12px;border-bottom:1px solid transparent}.login-language a[aria-current]{color:#f8f3ea;border-color:#d4bd9a}
.login-kicker{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#c7bbaa;margin:0 0 8px}h1{font:40px/1.06 'HN Studio Serif',Georgia,serif;margin:0 0 15px;letter-spacing:-.025em}.login-intro{color:#c7bbaa;font-size:14px;line-height:1.7;margin:0 0 28px}
form>label{display:block;font-size:13px;color:#e9e1d5}input[type=text],input[type=password]{display:block;width:100%;min-height:48px;border:1px solid #e9e1d539;background:#171513;color:#f4eee4;border-radius:3px;margin-top:8px;padding:12px 14px;font:16px/1.4 'HN Studio Sans',Arial,sans-serif}
input:is(:autofill,:-webkit-autofill){-webkit-text-fill-color:#f4eee4;caret-color:#f4eee4;box-shadow:0 0 0 60px #171513 inset}
.password-wrap{display:block;position:relative;margin-top:8px}#loginPassword{margin:0;padding-right:52px}#togglePassword{position:absolute;right:2px;top:2px;bottom:2px;width:44px;padding:0;display:grid;place-items:center;border:0;background:transparent;color:#c7bbaa;cursor:pointer}#passwordSlash[hidden]{display:none}
.remember-row{display:flex;align-items:center;gap:9px;margin:20px 0 25px;padding:4px 0;cursor:pointer}.remember-row input{accent-color:#d4bd9a;width:18px;height:18px;margin:0}.remember-row span{font-size:13px}
button[type=submit]{min-height:49px;background:#e7dccb;color:#28231f;border:1px solid #e7dccb;border-radius:2px;font:600 14px/1.4 'HN Studio Sans',Arial,sans-serif;cursor:pointer}button[type=submit]:hover{background:#f4eee4}button[type=submit]::after{content:'→';margin-left:16px;font-size:19px}
:is(a,button,input):focus-visible{outline:2px solid #d4bd9a;outline-offset:3px}.login-error{border:1px solid #c5917d;background:#422d27;color:#ffe9db;padding:12px;margin-bottom:18px;font-size:14px}
footer{display:flex;justify-content:space-between;gap:14px;margin-top:20px;color:#b9ac9b;font-size:9px;letter-spacing:.08em}footer span{letter-spacing:0;font-size:11px}
@media(max-width:380px){main{width:calc(100% - 28px);padding-top:24px}.login-card{padding:22px}h1{font-size:35px}.login-brand{margin-bottom:23px}.login-language{margin-bottom:20px}}