@font-face{font-family:Instrument;src:url('/assets/instrument-sans-latin.woff2') format('woff2');font-weight:400 700;font-display:swap}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#fff;color:#151515;font-family:Instrument,Arial,sans-serif}
.site-header{height:88px;padding:0 clamp(24px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedede}
.brand{display:inline-flex;align-items:center;gap:10px;filter:invert(1)}
.brand img:first-child{width:26px;height:26px;object-fit:contain}
.brand img:last-child{width:100px;height:auto;object-fit:contain}
.private-label{font-size:12px;color:#646464}
.login-main{min-height:calc(100svh - 88px);display:grid;place-items:center;padding:32px}
.login-panel{width:min(100%,440px);padding:clamp(28px,5vw,48px);border:1px solid #dedede;border-radius:16px;box-shadow:0 12px 36px rgba(0,0,0,.045)}
h1{margin:0 0 12px;font-size:clamp(32px,5vw,44px);font-weight:500;letter-spacing:-.04em}
.login-intro{margin:0 0 30px;color:#646464;line-height:1.5}
label{display:block;margin-bottom:10px;font-size:13px;font-weight:600}
.password-row{display:flex;gap:10px;align-items:stretch}
input{min-width:0;flex:1;padding:12px;border:1px solid #bfbfbf;border-radius:8px;font:inherit}
button{border:0;border-radius:8px;padding:12px 18px;background:#151515;color:#fff;font:600 14px Instrument,Arial,sans-serif;cursor:pointer}
a:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid #151515;outline-offset:3px}
.login-error{min-height:20px;margin:12px 0 0;color:#9a2929;font-size:13px}
@media(max-width:480px){.site-header{height:72px}.login-main{min-height:calc(100svh - 72px);padding:20px}.password-row{flex-direction:column}button{min-height:44px}}