:root{--purple:#5e3a8c;--magenta:#c2255c;--teal:#137c8b;--navy:#1f3a78;--ink:#0e1330;--muted:#5a5f6b;--bg:#fff;--soft:#f5f6fa;--radius:12px}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
.wrap{max-width:1100px;margin:0 auto;padding:2rem 1.25rem}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:.5rem}
.site-header,.admin-bar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;border-bottom:1px solid #e6e8ef}
.btn{display:inline-block;background:linear-gradient(90deg,var(--purple),var(--magenta));color:#fff;border:0;border-radius:999px;padding:.6rem 1.3rem;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
.btn-ghost{background:none;color:var(--navy);border:1px solid var(--navy)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
.hero{background:var(--ink);color:#fff}.hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.15;max-width:18ch}.hero p{max-width:60ch;color:#d9dcef}
.card{background:var(--soft);border-radius:var(--radius);padding:1.25rem}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.login{max-width:380px;margin:10vh auto}.login label{display:block;margin-top:1rem;font-weight:600}.login input{width:100%;padding:.6rem;border:1px solid #c9cde0;border-radius:8px;font:inherit}.login .btn{margin-top:1.25rem;width:100%}
.alert{background:#fde8ee;color:#8a1238;padding:.6rem .8rem;border-radius:8px}.site-footer{padding:1.5rem 1.25rem;color:var(--muted);border-top:1px solid #e6e8ef}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}