*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:#0f172a;color:#e5e7eb}
a{text-decoration:none;color:#e5e7eb;margin-left:20px}
.hero{background:linear-gradient(135deg,#2563eb,#1e40af);padding-bottom:60px}
.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 40px}
.logo{font-weight:700;font-size:1.2rem}
.hero-content{max-width:900px;margin:40px auto 0;padding:0 20px}
.hero-content h1{font-size:2.2rem;margin-bottom:15px}
.hero-content p{font-size:1.1rem;opacity:.95}
.badge{display:inline-block;margin-top:15px;background:rgba(255,255,255,.15);padding:8px 14px;border-radius:20px;font-size:.85rem}
.container{max-width:1100px;margin:auto;padding:50px 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}
.card{background:rgba(255,255,255,.08);backdrop-filter:blur(10px);border-radius:16px;padding:25px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.card h3{margin-bottom:10px}
footer{text-align:center;padding:25px;font-size:.85rem;color:#cbd5f5}
.simple-header{text-align:center;padding:40px 20px;background:#1e293b}