@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
:root{--orange:#f15a00;--dark:#0f172a;--light:#f8fafc;}
*{box-sizing:border-box} body{margin:0;font-family:Inter,sans-serif;background:var(--light);color:#334155}
header{position:sticky;top:0;background:rgba(15,23,42,.92);backdrop-filter:blur(12px);padding:18px 40px;display:flex;justify-content:space-between;align-items:center}
.logo{color:#fff;font-weight:800;font-size:1.5rem}
nav a{color:#fff;text-decoration:none;margin-left:24px}
.hero{min-height:85vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 20px;background:linear-gradient(rgba(15,23,42,.72),rgba(15,23,42,.72)),url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?q=80&w=1800&auto=format&fit=crop');background-size:cover;color:#fff}
.hero h1{font-size:4rem;max-width:900px;margin:auto}
.hero p{max-width:760px;margin:24px auto;font-size:1.2rem}
.btn{display:inline-block;padding:15px 28px;border-radius:12px;background:var(--orange);color:#fff;text-decoration:none;font-weight:700}
.section{max-width:1200px;margin:auto;padding:90px 24px}
.section h2{text-align:center;font-size:2.5rem;color:var(--dark)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:40px}
.card{background:#fff;padding:30px;border-radius:22px;box-shadow:0 12px 30px rgba(0,0,0,.08)}
.dark{background:var(--dark);color:#fff;padding:90px 24px}
.dark h2{text-align:center}
.dark .grid{max-width:1200px;margin:40px auto 0}
.dark .card{background:rgba(255,255,255,.08);color:#fff}
.cta{background:linear-gradient(135deg,#f15a00,#ff7d35);color:#fff;text-align:center;padding:90px 24px}
.footer{background:#020617;color:#cbd5e1;padding:50px 24px;text-align:center}
.content{max-width:1000px;margin:auto;padding:80px 24px}
.panel{background:#fff;padding:40px;border-radius:20px;box-shadow:0 12px 30px rgba(0,0,0,.08)}