body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#020817;color:#fff}
.container{max-width:1200px;margin:auto;padding:20px}
.header{background:#03122bdd;position:sticky;top:0}
.nav{display:flex;justify-content:space-between;align-items:center}
.logo{height:90px}
nav a{color:#fff;text-decoration:none;margin:0 10px}
.btn{background:#2563eb;color:#fff;border:none;padding:14px 22px;border-radius:10px;cursor:pointer}
.hero{padding:80px 0}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.hero h1{font-size:64px}.hero span{color:#22d3ee}
.hero-img{width:100%;border-radius:20px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#07152f;padding:24px;border-radius:16px}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.gallery img{width:100%;border-radius:16px}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.8)}
.modal-content{background:#07152f;max-width:600px;margin:5% auto;padding:24px;border-radius:16px}
.close{float:right;font-size:30px;cursor:pointer}
input,select,textarea{width:100%;padding:12px;margin:8px 0;box-sizing:border-box}