:root {
  --bg: #060d1a;
  --bg2: #0a1220;
  --bg3: #0d1829;
  --card: #111c2e;
  --border: #1e2d45;
  --text: #e2eaf5;
  --text2: #9ca3b0;
  --text3: #4a6080;
  --blue: #005BDC;
  --blue-lo: rgba(0,91,220,0.12);
  --blue-bd: rgba(0,91,220,0.3);
  --teal: #00c49a;
  --teal-dk: #009a78;
  --heading: #f0f6ff;
  --white: #ffffff;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 15px; scroll-behavior: smooth; }
body { background: var(--bg); color: var(--text); font-family: 'Manrope', sans-serif; line-height: 1.85; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
a { color: var(--blue); text-decoration: none; }
a:hover { opacity: 0.8; }
img { max-width: 100%; }
button { font-family: 'Manrope', sans-serif; cursor: pointer; border: none; transition: all 0.18s ease; }
button:hover { transform: translateY(-1px); opacity: 0.9; }
button:active { transform: translateY(0); }
nav { position: sticky; top: 0; z-index: 100; background: var(--bg2); border-bottom: 1px solid var(--border); padding: 0 32px; height: 56px; display: flex; align-items: center; justify-content: space-between; }
.nav-logo img { height: 32px; object-fit: contain; }
.nav-links { display: flex; align-items: center; gap: 24px; }
.nav-links a { color: var(--text2); font-size: 13px; font-weight: 500; }
.nav-links a:hover, .nav-links a.active { color: var(--text); }
.nav-right { display: flex; align-items: center; gap: 10px; }
.btn-ghost { background: transparent; border: 1px solid var(--border); color: var(--text); padding: 7px 18px; border-radius: 8px; font-size: 13px; font-weight: 600; }
.btn-ghost:hover { border-color: var(--blue); color: var(--blue); }
.btn-primary { background: var(--blue); color: #fff; padding: 8px 20px; border-radius: 8px; font-size: 13px; font-weight: 700; }
.btn-primary:hover { background: #0047b0; }
.btn-teal { background: var(--teal); color: #fff; padding: 14px 28px; border-radius: 10px; font-size: 15px; font-weight: 700; display: inline-block; }
.btn-teal:hover { background: var(--teal-dk); }
.divider { border: none; border-top: 1px solid var(--border); }
section { padding: 80px 32px; }
.section-inner { max-width: 1100px; margin: 0 auto; }
.section-label { font-size: 11px; letter-spacing: 2px; color: var(--blue); font-weight: 700; text-transform: uppercase; text-align: center; margin-bottom: 12px; }
.section-h2 { font-size: clamp(26px, 4vw, 40px); font-weight: 900; color: var(--heading); text-align: center; margin-bottom: 16px; line-height: 1.2; }
.section-sub { font-size: 16px; color: var(--text2); text-align: center; max-width: 600px; margin: 0 auto 56px; line-height: 1.7; }
footer { background: var(--bg2); border-top: 1px solid var(--border); padding: 40px 32px 32px; }
.footer-inner { max-width: 1100px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; }
.footer-logo img { height: 28px; object-fit: contain; }
.footer-copy { font-size: 12px; color: var(--text3); margin-top: 6px; }
.footer-links { display: flex; gap: 20px; flex-wrap: wrap; align-items: center; }
.footer-links a { font-size: 13px; color: var(--text2); }
.footer-links a:hover { color: var(--text); }
.footer-social { display: flex; gap: 14px; align-items: center; }
.footer-social a { font-size: 18px; color: var(--text3); }
.footer-social a:hover { color: var(--blue); }
@media (max-width: 768px) { nav { padding: 0 16px; } .nav-links { display: none; } section { padding: 56px 16px; } footer { padding: 32px 16px 24px; } .footer-inner { flex-direction: column; align-items: flex-start; } }