:root{--bg:#f1f2ed;--ink:#1c1d1a;--muted:#74786f;--green:#9cff77;--line:#dfe1da}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 15%,#e6fbdc 0,transparent 30%),radial-gradient(circle at 85% 80%,#e3e4dd 0,transparent 32%)}.login-card{width:min(100%,430px);padding:38px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 25px 70px rgba(27,30,23,.09)}.brand{display:flex;align-items:center;gap:10px;margin-bottom:52px;font:700 12px Onest;letter-spacing:.12em}.brand span{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--ink);color:var(--green);font-size:15px;letter-spacing:0}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#898d84;font-size:9px;font-weight:700;margin:0 0 9px}h1{margin:0;font:600 30px Onest;letter-spacing:-.04em}.intro{margin:12px 0 30px;color:var(--muted);font-size:12px;line-height:1.65}label{display:block;margin-bottom:8px;font-size:10px;font-weight:700}.field{display:flex;border:1px solid #d7d9d1;border-radius:12px;overflow:hidden;transition:.2s}.field:focus-within{border-color:#858980;box-shadow:0 0 0 3px rgba(156,255,119,.22)}input{flex:1;min-width:0;border:0;outline:0;padding:13px 14px;font:500 14px Manrope;background:transparent}.field button{border:0;background:transparent;padding:0 13px;color:#73776e;font:600 9px Manrope;cursor:pointer}#error{min-height:17px;margin:8px 0 2px;color:#c25134;font-size:10px}.submit{width:100%;padding:13px;border:0;border-radius:12px;background:var(--ink);color:#fff;font:700 11px Manrope;cursor:pointer}.submit:hover{background:#32342f}.submit:disabled{opacity:.65;cursor:wait}.security{display:flex;align-items:center;gap:9px;margin-top:24px;padding-top:20px;border-top:1px solid #ecece8;color:#91958d;font-size:8px;line-height:1.5}.security i{width:8px;height:8px;border-radius:50%;background:#5fd164;box-shadow:0 0 0 4px rgba(95,209,100,.12)}@media(max-width:480px){.login-card{padding:27px;border-radius:19px}.brand{margin-bottom:40px}}