body { background:#0b0f14; color:#e8f3ff; font-family:system-ui,-apple-system,Segoe UI,Roboto; margin:0; }
.nav { display:flex; justify-content:space-between; align-items:center; padding:10px 20px; background:#111; }
.nav .brand { display:flex; align-items:center; gap:10px; font-weight:bold; color:#6be3ff; }
.nav img { height:32px; }
.nav a { color:#b58cff; margin:0 8px; text-decoration:none; }
.hero { text-align:center; padding:40px 20px; }
.hero .banner { width:100%; max-width:900px; border-radius:12px; margin-bottom:20px; }
.button { display:inline-block; padding:10px 18px; border-radius:10px; border:1px solid #6be3ff; margin:4px; }
.button.primary { background:linear-gradient(90deg,#6be3ff,#b58cff); color:#000; font-weight:bold; }
.button.ghost { background:none; color:#6be3ff; }
.footer { text-align:center; padding:30px; color:#9fb6cc; font-size:0.9em; border-top:1px solid #222; }