:root{--purple:#7b2d8e;--text:#1a1a1a;--bg:#f6f1f8;--surface:#fff;--border:#767676;--error:#b3261e}*{box-sizing:border-box}html{font-size:18px;line-height:1.6}body{min-height:100vh;color:var(--text);background:var(--bg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.site-header{background:var(--purple);padding:1rem 1.5rem}.site-header img{width:auto;height:2.5rem}main{padding:2rem 1rem}.panel{background:var(--surface);border:1px solid #d9c8e0;border-radius:8px;max-width:30rem;margin:0 auto;padding:2rem}h1{margin:0 0 1rem;font-size:1.6rem;line-height:1.25}p{margin:0 0 1rem}.field{margin-bottom:1rem}label{margin-bottom:.25rem;font-weight:600;display:block}input[type=password],input[type=text]{width:100%;font:inherit;color:var(--text);background:var(--surface);border:2px solid var(--border);border-radius:6px;padding:.6rem .75rem}input[aria-invalid=true]{border-color:var(--error)}.error{color:var(--error);margin:.5rem 0 0;font-weight:600}button{font:inherit;color:#fff;background:var(--purple);border:2px solid var(--purple);cursor:pointer;border-radius:6px;padding:.6rem 1.5rem;font-weight:600}button:hover{background:#62246f;border-color:#62246f}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--text);outline-offset:2px;box-shadow:0 0 0 5px #fff}@media (max-width:480px){html{font-size:16px}.panel{padding:1.25rem}}