:root{--ink:#17231f;--muted:#71817a;--line:#dce7e1;--paper:#f7faf8;--green:#0f715c;--mint:#dff3ea;--danger:#b8513e}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(#b9cbc2 .7px,transparent .7px);background-size:18px 18px}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,420px);background:#fff;border:1px solid var(--line);border-radius:18px;padding:42px 40px;box-shadow:0 18px 50px #244d3a12;position:relative}
.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--green);color:#fff;border-radius:12px;font-size:23px;margin-bottom:27px}.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:.14em;color:var(--green);margin:0 0 11px}h1{font-size:28px;letter-spacing:-.04em;margin:0 0 10px}.intro{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 28px}label{display:block;font-size:12px;font-weight:700;color:#53645c;margin-bottom:17px}input{display:block;width:100%;margin-top:8px;padding:12px 13px;border:1px solid var(--line);border-radius:8px;background:#fbfdfc;color:var(--ink);font:13px Manrope,Arial;outline:none}input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--mint)}button{width:100%;border:0;border-radius:8px;padding:13px 15px;margin-top:4px;background:var(--green);color:#fff;font-size:13px;font-weight:700;cursor:pointer}button:disabled{opacity:.65;cursor:wait}button span{float:right;font-size:18px;font-weight:400}.error{font-size:11px;line-height:1.5;color:var(--danger);background:#fff0ed;border:1px solid #f1cfc8;border-radius:7px;padding:9px 10px;margin:0 0 12px}.security-note{text-align:center;color:#91a099;font-size:10px;margin:22px 0 0}@media(max-width:480px){.login-card{padding:34px 25px}}