:root{--mango:#ffb02e;--mango-deep:#ff7a1a;--sky:#1a1033;--sky-2:#2d1650;--ink:#f6f1ff;--muted:#c9bfe0;--card:rgba(255,255,255,.06);--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:var(--ink);background:radial-gradient(1200px 600px at 80% -10%,rgba(255,122,26,.35),transparent 60%),radial-gradient(900px 500px at 0% 0%,rgba(255,176,46,.18),transparent 55%),linear-gradient(180deg,var(--sky-2),var(--sky) 60%);background-color:var(--sky)}
a{color:var(--mango)}
a:hover{color:#ffd27a}
.wrap{width:100%;max-width:880px;margin:0 auto;padding:0 20px}
header{padding:18px 0}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{font-weight:800;letter-spacing:.02em;text-decoration:none;color:var(--ink)}
nav a{margin-left:18px;text-decoration:none;color:var(--muted);font-weight:600}
nav a:hover,nav a[aria-current=page]{color:var(--mango)}
main{flex:1}
.hero{text-align:center;padding:48px 0 28px}
.hero img{width:100%;max-width:560px;height:auto;filter:drop-shadow(0 10px 30px rgba(255,122,26,.35))}
.hero p{font-size:1.2rem;color:var(--muted);max-width:560px;margin:18px auto 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:24px 0 48px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px}
.card h2{margin:0 0 6px;font-size:1.15rem;color:var(--mango)}
.card p{margin:0;color:var(--muted)}
.doc{padding:24px 0 48px}
.doc h1{font-size:2rem;margin:.2em 0}
.doc h2{font-size:1.25rem;color:var(--mango);margin-top:1.8em}
.center{text-align:center}
.small{color:var(--muted);font-size:.9rem}
footer{border-top:1px solid var(--line);padding:20px 0;color:var(--muted);font-size:.9rem}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
footer a{color:var(--muted)}
@media (max-width:520px){nav a{margin-left:12px}.hero{padding-top:28px}.hero p{font-size:1.05rem}}