body{margin:0;font-family:Arial,sans-serif;background:#0f1117;color:#fff}
.hero{height:70vh;background:linear-gradient(135deg,#10131d,#1d1145);display:flex;align-items:center;justify-content:center;text-align:center}
h1{font-size:4rem;margin:0;color:#6cf}
.overlay p{font-size:1.2rem}
.btn{display:inline-block;margin-top:20px;padding:14px 28px;background:#00d4ff;color:#000;text-decoration:none;border-radius:10px;font-weight:bold}
.container{max-width:1100px;margin:auto;padding:60px 20px}
.card{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gallery img{width:100%;border-radius:12px}
footer{text-align:center;padding:30px;background:#090b10}
@media(max-width:800px){.card{grid-template-columns:1fr}h1{font-size:2.5rem}.gallery{grid-template-columns:1fr}}