:root{color-scheme:dark;--bg:#0b0d12;--bg2:#141826;--fg:#e8eaed;--muted:#a9afbb;--blue:#3b8bff;--yellow:#ffd500}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.6}
.wrap{max-width:60rem;margin:0 auto;padding:2.5rem 1rem 3rem}
.center{text-align:center;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero{text-align:center;padding:1rem 0 2.5rem}
.logo{display:block;margin:0 auto 1rem;border-radius:24px}
h1{font-size:clamp(2.2rem,8vw,3.6rem);letter-spacing:.04em;margin:.2rem 0 .4rem}
h2{font-size:1.35rem;margin:0 0 1rem;color:var(--yellow)}
h3{font-size:1.1rem;margin:0 0 .4rem;color:var(--blue)}
.lead{font-size:clamp(1.05rem,3.5vw,1.3rem);color:var(--muted);margin:0 0 1.4rem}
.btn{display:inline-block;padding:.8rem 1.4rem;border-radius:.6rem;background:var(--blue);color:#fff;text-decoration:none;font-weight:600}
.btn:hover{filter:brightness(1.1)}
.btn-secondary{background:transparent;border:2px solid var(--yellow);color:var(--yellow)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;padding:1rem 0 1.5rem}
.grid h2{grid-column:1/-1;margin-bottom:0}
.card{background:var(--bg2);border-radius:.8rem;padding:1.2rem}
.card p{margin:0;color:var(--muted)}
.note{padding:1.2rem 0}
.note p{margin:0 0 1rem;color:var(--muted)}
.foot{padding-top:2rem;color:var(--muted);font-size:.9rem;text-align:center}