:root { color-scheme: dark; --bg:#0d1117; --panel:#151c25; --text:#eef3f7; --muted:#aab6c2; --accent:#d8a96e; --line:#2b3744; }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:inherit; }
.site-header { max-width:1120px; margin:auto; padding:22px 24px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); }
.brand { font-weight:750; text-decoration:none; letter-spacing:.02em; }
nav { display:flex; gap:20px; color:var(--muted); } nav a { text-decoration:none; } nav a:hover,.text-link:hover { color:var(--accent); }
main { max-width:1120px; margin:auto; padding:0 24px 80px; }
.hero { padding:90px 0 58px; max-width:800px; } .eyebrow { color:var(--accent); text-transform:uppercase; letter-spacing:.14em; font-size:.78rem; font-weight:700; }
h1,h2,h3 { line-height:1.15; } h1 { font-size:clamp(2.5rem,7vw,5.2rem); margin:14px 0 22px; letter-spacing:-.045em; } h2 { font-size:2rem; margin-top:0; }
.lead { color:var(--muted); font-size:1.2rem; max-width:680px; } .notice { margin-top:30px; padding:16px 18px; border-left:3px solid var(--accent); background:rgba(216,169,110,.08); color:#dce5eb; }
code { color:var(--accent); } .content-section { padding:42px 0; border-top:1px solid var(--line); } .cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.card { display:block; padding:24px; background:var(--panel); border:1px solid var(--line); border-radius:12px; text-decoration:none; transition:border-color .2s,transform .2s; } .card:hover { border-color:var(--accent); transform:translateY(-2px); }
.card h3 { margin:0 0 10px; font-size:1.25rem; } .card p { margin:0; color:var(--muted); } .status { display:inline-block; margin-top:18px; font-size:.82rem; color:var(--accent); }
.status-panel { max-width:760px; } .text-link { color:var(--accent); font-weight:700; text-decoration:none; } footer { max-width:1120px; margin:auto; padding:24px; color:var(--muted); border-top:1px solid var(--line); font-size:.9rem; }
@media (max-width:700px) { .site-header { align-items:flex-start; gap:16px; flex-direction:column; } .cards { grid-template-columns:1fr; } .hero { padding-top:60px; } nav { gap:14px; } }