:root{--ink:#26332e;--muted:#77827d;--paper:#f7f5ef;--sage:#6f8f7b;--line:#e4e2d9}*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#e7efe8,var(--paper) 45%);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.login-card{width:min(390px,100%);background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:0 20px 60px #29352f1a;text-align:center}.login-logo{width:58px;height:58px;margin:0 auto 18px;border-radius:19px;display:grid;place-items:center;background:#e8f0e9;color:#526e5c;font-size:32px}.login-card small{color:var(--sage);font-weight:800;letter-spacing:.15em}.login-card h1{margin:7px 0;font:600 29px Georgia,serif}.login-card>p{color:var(--muted);line-height:1.45}.dots{height:46px;margin:20px 0 14px;display:flex;justify-content:center;align-items:center;gap:10px}.dots i{width:12px;height:12px;border:2px solid #9aaa9f;border-radius:50%}.dots i.filled{background:var(--sage);border-color:var(--sage)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.keypad button{height:58px;border:1px solid var(--line);border-radius:15px;background:#f8faf8;color:var(--ink);font-size:22px;font-weight:700}.keypad button:hover,.keypad button:focus{background:#e8f0e9;outline:2px solid #91aa99}.key-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.key-actions button{padding:12px;border-radius:12px;border:1px solid var(--line);background:#fff;font-weight:700}.key-actions #validate{background:var(--sage);border-color:var(--sage);color:#fff}.error{min-height:22px;margin:14px 0 0!important;color:#a44535!important;font-weight:700;font-size:13px}.remember{font-size:12px;margin-bottom:0}.shake{animation:shake .25s}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}