*{box-sizing:border-box;margin:0;font-family:'Inter',sans-serif}
body{background:#020617;color:#e5e7eb}
.hero{height:90vh;background:url('https://images.unsplash.com/photo-1529333166437-7750a6dd5a70') center/cover no-repeat;display:flex;align-items:center;justify-content:center}
.hero-content{text-align:center;background:rgba(2,6,23,.7);padding:60px;border-radius:30px}
.hero h1{font-size:4rem;letter-spacing:4px}
.hero p{margin:20px 0;font-size:1.2rem}
.btn{padding:15px 40px;background:#22c55e;color:#022c22;text-decoration:none;border-radius:30px;font-weight:bold}
.nav{background:#020617;padding:18px;text-align:center;position:sticky;top:0}
.nav a{color:#e5e7eb;margin:0 18px;text-decoration:none;font-weight:600}
.section{padding:90px 12%;text-align:center}
.premium{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.image{width:100%;border-radius:30px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;margin-top:40px}
.card{padding:25px;border-radius:25px;background:rgba(255,255,255,.06);transition:.5s;overflow:hidden}
.card img{width:100%;border-radius:20px;margin-bottom:20px}
.card:hover{transform:translateY(-15px) scale(1.03);background:#22c55e;color:#022c22}
.form{max-width:520px;margin:auto;display:grid;gap:15px}
input,textarea,button{padding:14px;border-radius:10px;border:none}
button{background:#22c55e;color:#022c22;font-weight:bold;cursor:pointer}
footer{text-align:center;padding:35px;background:#020617}
.reveal{opacity:0;transform:translateY(50px);transition:1.2s cubic-bezier(.19,1,.22,1)}
.reveal.active{opacity:1;transform:none}
@media(max-width:900px){.premium{grid-template-columns:1fr}}