:root{--fg:#0b1320;--muted:#5b677a;--link:#0a58ff;--bg:#f7f9fc;--card:#ffffff;--bd:#e6ebf2}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,sans-serif;background:var(--bg);color:var(--fg);line-height:1.5}
.container{max-width:920px;margin:64px auto;padding:0 20px}
.header{margin-bottom:24px}
.header h1{margin:0 0 8px 0;font-size:28px;letter-spacing:.2px}
.header p{margin:0;color:var(--muted)}
.nav{display:grid;gap:12px;margin:28px 0 32px 0}
.card{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center;transition:transform .05s ease}
.card a{color:var(--link);text-decoration:none;font-weight:600}
.card small{color:var(--muted)}
.card:active{transform:scale(.995)}
.section h2{margin:0 0 12px 0;font-size:18px}
.footer{margin-top:40px;color:var(--muted);font-size:12px}