@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap');
:root{--paper:#f4f2eb;--ink:#252c27;--muted:#73766b;--line:#dcded2;--accent:#d8ee72;--dark:#26392d;--sans:'DM Sans',sans-serif;--mono:'DM Mono',monospace;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font:14px var(--sans);display:grid;place-items:center;padding:24px}
button,input{font:inherit}
button{cursor:pointer;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--ink);padding:11px 15px}
button:hover{background:#e4e7d9}
button:disabled{opacity:.55;cursor:wait}
.login-shell{width:min(100%,460px)}
.login-card{border:1px solid var(--line);background:#f9f8f2;padding:34px;box-shadow:0 24px 80px #1e2c2517}
.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:20px;font-weight:700;letter-spacing:-.7px;margin-bottom:52px}
.brand-mark{font:700 18px var(--sans);letter-spacing:0;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;text-transform:uppercase}
.eyebrow{font:10px var(--mono);letter-spacing:1.5px;color:var(--muted);margin:0 0 14px}
h1{font:normal clamp(40px,10vw,60px)/.98 var(--serif);letter-spacing:-2.5px;margin:0}
.intro{color:var(--muted);font-size:13px;line-height:1.7;margin:18px 0 30px}
label{display:block;font:10px var(--mono);letter-spacing:1px;color:var(--muted);margin-bottom:8px;text-transform:uppercase}
.password-row{display:flex;border:1px solid #ccd3c1;background:#fcfbf6;border-radius:5px;overflow:hidden}
input{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);padding:14px 13px;outline:0}
input:focus{box-shadow:inset 0 0 0 2px #879b68}
.password-row button{border:0;border-left:1px solid var(--line);border-radius:0;font-size:12px;color:var(--muted)}
.primary{width:100%;margin-top:18px;background:var(--dark);color:var(--paper);border-color:var(--dark)}
.primary:hover{background:#3c5540}
.error{min-height:20px;margin:10px 0 0;color:#a34432;font-size:12px;line-height:1.6}
@media(max-width:520px){body{padding:16px;place-items:stretch}.login-card{padding:26px 20px}.brand{margin-bottom:42px}h1{font-size:44px}.password-row{display:block}.password-row button{width:100%;border-left:0;border-top:1px solid var(--line)}}