body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0b0018;color:white}
header{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;background:#12002a}
header img{height:70px}
nav a{color:white;margin-left:20px;text-decoration:none;font-weight:bold}
.hero{padding:100px 20px;text-align:center;background:linear-gradient(45deg,#20003d,#0b0018)}
.hero h1{font-size:48px;margin-bottom:10px}
.btn{background:#ff2fb3;padding:14px 28px;border-radius:30px;color:white;text-decoration:none;font-weight:bold}
section{padding:70px 20px;max-width:1100px;margin:auto}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}
.card{background:#1a0033;padding:25px;border-radius:12px}
footer{background:#12002a;text-align:center;padding:30px;margin-top:40px}
form{display:flex;flex-direction:column;gap:12px;max-width:500px}
input,textarea,select{padding:12px;border:none;border-radius:6px}
button{padding:14px;border:none;border-radius:6px;background:#00d4ff;font-weight:bold;cursor:pointer}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}
.gallery div{background:#220044;height:160px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#aaa}