/* Nerfonica */
:root{--bg:#08111f;--bg2:#101b31;--card:#13203a;--text:#eef4ff;--muted:#9db0d1;--accent:#4f8cff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.7 system-ui,sans-serif;background:linear-gradient(180deg,var(--bg),#0d1730);color:var(--text)}
.container{max-width:1150px;margin:auto;padding:0 24px}
header{position:sticky;top:0;background:rgba(8,17,31,.85);backdrop-filter:blur(10px);border-bottom:1px solid #20304f}
header .row{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.logo{font-weight:700;font-size:22px;color:#fff;text-decoration:none}
nav a{color:#dce7ff;text-decoration:none;margin-left:20px}nav a:hover{color:#fff}
.hero{padding:90px 0 70px;background:radial-gradient(circle at top,#234b9a 0,#08111f 60%)}
.hero h1{font-size:54px;max-width:800px;margin:0 auto 20px;text-align:center}
.hero p{text-align:center;color:var(--muted);max-width:760px;margin:auto}
.cta{text-align:center;margin-top:32px}.btn{display:inline-block;padding:14px 26px;border-radius:10px;background:var(--accent);color:#fff;text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;padding:60px 0}
.card{background:var(--card);padding:24px;border-radius:16px;border:1px solid #223457;transition:.25s}.card:hover{transform:translateY(-6px)}
section{padding:20px 0}footer{border-top:1px solid #223457;margin-top:50px;padding:30px 0;color:var(--muted)}@media(max-width:768px){.hero h1{font-size:36px}header .row{flex-direction:column;gap:12px}nav a{margin:0 10px}}