:root{--blue:#1976ff;}
body{margin:0;background:#050505;color:#fff;font-family:system-ui,sans-serif;line-height:1.6}
.container{width:min(1100px,92%);margin:auto}
.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0}
.logo{max-width:340px;width:100%}
.hero{padding:100px 0;text-align:center;background:linear-gradient(180deg,#050505,#0d1220)}
h1{font-size:3rem;color:var(--blue)}
h2{color:var(--blue)}
.cta{display:inline-block;padding:14px 22px;background:var(--blue);color:#fff;text-decoration:none;border-radius:8px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#111;padding:25px;border:1px solid #222;border-radius:12px}
form{display:flex;flex-direction:column;gap:12px}
input,textarea,button{padding:14px;border-radius:8px;border:none}
button{background:var(--blue);color:white;cursor:pointer}
footer{padding:40px 0;text-align:center;color:#bbb}
a{color:#7fb0ff}