*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Arial,sans-serif;}
body{background:#071a2b;color:white;line-height:1.6;}
.container{max-width:1100px;margin:auto;padding:60px 20px;}

.header{background:#061520;position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(255,255,255,0.05);}
.header-inner{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;}
.logo{font-weight:700;letter-spacing:0.5px;}
.nav a{color:#cbd5e1;margin-left:20px;text-decoration:none;font-size:14px;}
.nav a:hover{color:white;}

.hero{background:linear-gradient(120deg,#071a2b,#0b2c3d);}
.tag{color:#7dd3fc;margin-bottom:10px;font-size:14px;}
.hero-title{font-size:26px;margin-bottom:20px;color:#e5e7eb;font-weight:500;letter-spacing:0.4px;}
.subtitle{max-width:720px;margin-bottom:18px;color:#e2e8f0;}
.brand{color:#facc15;margin-bottom:22px;font-weight:600;}

.badges{display:flex;flex-wrap:wrap;gap:10px;}
.badges a{
  border:1px solid rgba(255,255,255,0.2);
  padding:8px 15px;
  border-radius:20px;
  font-size:14px;
  text-decoration:none;
  color:white;
  transition:0.25s;
}
.badges a:hover{background:rgba(255,255,255,0.1);}

.section{padding:60px 0;}
.dark{background:#061520;}

.grid{display:flex;gap:20px;flex-wrap:wrap;}
.card{background:#0b2c3d;padding:22px;border-radius:12px;flex:1;min-width:260px;}
.card h3{margin-bottom:10px;}
.card p{color:#cbd5e1;}

.contact{background:#061520;}
.footer{background:#061520;text-align:center;padding:20px 0;color:#94a3b8;font-size:14px;}