*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}
body{background:#0f172a;color:#fff;line-height:1.6}
nav{display:flex;justify-content:space-between;align-items:center;padding:20px 60px;background:#020617}
nav .logo{font-size:28px;font-weight:bold;color:#38bdf8}
nav ul{display:flex;gap:20px;list-style:none}
nav a{text-decoration:none;color:#fff;font-weight:bold}
.hero{padding:120px 60px;text-align:center;background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.7)),url('https://images.unsplash.com/photo-1607861716497-e65ab29fc7ac?q=80&w=1400&auto=format&fit=crop') center/cover}
.hero h1{font-size:58px;margin-bottom:20px}
.hero p{max-width:800px;margin:auto;font-size:20px}
.btn{display:inline-block;margin-top:25px;padding:14px 30px;background:#38bdf8;color:#000;font-weight:bold;border-radius:40px;text-decoration:none}
.section{padding:70px 60px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:35px}
.card{background:#1e293b;padding:30px;border-radius:20px}
footer{background:#020617;padding:40px;text-align:center;margin-top:40px}
.page-title{text-align:center;padding:80px 20px;background:#111827}
.content{padding:60px;max-width:1100px;margin:auto}
table{width:100%;border-collapse:collapse;margin-top:20px}
table th,table td{border:1px solid #334155;padding:16px;text-align:left}
table th{background:#1e293b}
.faq{margin-bottom:20px;background:#1e293b;padding:20px;border-radius:15px}
.contact-box{background:#1e293b;padding:30px;border-radius:20px}
@media(max-width:768px){
nav{flex-direction:column;gap:15px;padding:20px}
nav ul{flex-wrap:wrap;justify-content:center}
.hero h1{font-size:38px}
.section,.content{padding:40px 20px}
}