:root{--gold-dark:#846124;--gold:#d4b477;--ink:#101e2c;--line:#d9dee0;--muted:#56646e;--navy:#091b2a;--panel:#102b3c;--paper:#fafaf7}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Frank Ruhl Libre',Georgia,serif;line-height:1.7}
header{background:var(--navy);color:#fff;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--gold)}
header a{color:var(--gold);text-decoration:none;font-size:20px}header nav a{color:#fff;font-size:16px;margin-inline-start:18px}
main{max-width:980px;margin:0 auto;padding:40px 20px}h1{font-size:clamp(34px,4.5vw,56px);margin:0 0 8px;color:var(--navy)}
.lead{color:var(--muted);font-size:19px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:28px}
.card{display:block;background:#fff;border:1px solid var(--line);border-top:4px solid var(--gold);padding:24px;text-decoration:none;color:var(--ink)}
.card:hover{border-top-color:var(--gold-dark)}.card h2{margin:0 0 6px;color:var(--panel)}.card span{color:var(--muted);font-family:Arial,sans-serif;font-size:14px}
.note{background:#fff;border-inline-start:4px solid var(--gold);padding:12px 16px;color:var(--muted);font-family:Arial,sans-serif;font-size:14px;margin:18px 0}
form{display:flex;gap:10px;margin:20px 0}input{flex:1;font-size:18px;padding:12px;border:1px solid var(--line);font-family:inherit}
button{background:var(--navy);color:#fff;border:0;padding:0 26px;font-size:17px;cursor:pointer;font-family:inherit}
#log .q{font-weight:bold;color:var(--panel);margin-top:26px}#log .a{background:#fff;border:1px solid var(--line);padding:16px 20px;margin-top:8px}
.pass{margin:0 0 14px}.pass b{display:inline-block;color:var(--gold-dark);font-family:Arial,sans-serif;font-size:13px;margin-bottom:2px}mark{background:#f3e6c4}
footer{text-align:center;color:var(--muted);font-family:Arial,sans-serif;font-size:13px;padding:30px}