:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#3d3b3a;background:#f5f5f2;color-scheme:light}
*{box-sizing:border-box}
html,body{margin:0;min-width:320px;min-height:100%}
body{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 0,#fff7e9 0,transparent 38%),#f5f5f2}
.login-card{width:min(420px,100%);background:#fff;border:1px solid #deded9;border-radius:20px;padding:32px;box-shadow:0 22px 65px #2d2c2a1f;overflow:hidden}
.brand{display:flex;align-items:center;gap:16px;margin-bottom:28px;min-width:0}
.brand img{display:block;width:148px;height:52px;object-fit:contain;object-position:left center;flex:0 1 auto;min-width:0}
.brand>div{border-left:1px solid #e4e4df;padding-left:16px;min-width:0}
.brand strong{display:block;font-size:14px;white-space:nowrap}
.eyebrow{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#a85d00;font-weight:850}
h1{font-size:28px;line-height:1.15;margin:7px 0 9px;letter-spacing:-.025em}
p{color:#747a7d;line-height:1.5;margin:0 0 22px;font-size:14px}
form{display:grid;gap:8px}
label{display:block;margin-top:8px;font-size:13px;font-weight:750}
input{display:block;width:100%;min-width:0;border:1px solid #d6d8d7;border-radius:10px;padding:12px 13px;font:inherit;background:#fff}
input:focus{outline:3px solid #ff9c1933;border-color:#ff9c19}
button{width:100%;margin-top:14px;border:0;border-radius:10px;padding:13px;background:#ff9c19;color:#2b2927;font-weight:850;font-size:15px;cursor:pointer}
button:focus-visible{outline:3px solid #3d3b3a44;outline-offset:2px}
.error{background:#fff0ef;border:1px solid #efb4ad;color:#9f281d;border-radius:9px;padding:10px;margin-bottom:10px;font-size:13px}
.security-note{display:block;text-align:center;color:#8a9090;margin-top:18px;font-size:11px}
@media(max-width:480px){body{place-items:start center;padding-top:max(18px,env(safe-area-inset-top))}.login-card{border-radius:16px;padding:24px 20px;box-shadow:0 12px 40px #2d2c2a17}.brand{margin-bottom:22px;gap:12px}.brand img{width:122px;height:44px}.brand>div{padding-left:12px}.brand strong{font-size:12px}h1{font-size:25px}p{font-size:13px;margin-bottom:16px}input{font-size:16px;padding:12px}}
@media(max-height:620px){body{place-items:start center}.login-card{padding-top:20px;padding-bottom:20px}.brand{margin-bottom:15px}.security-note{margin-top:12px}}