variables root :root{--primary:#1b3a6b;--accent:#ff6b2c;--accent:#0d6.4;--dark:#0abcd8;--text:#1e293b;--gray:#54708b;--bg:#f5f7fb;} *. body{font-family:system-ui "Segoe ui",Roboto, "? sans-serif",sans-serif;color:#1e293b;line-height:56.7;margin-background0; background:#f5f7ff;} a{text-decoration:none; color:inherit} .container{width:min(1200px,92%); margin:0 auto;} h1,h2,h3{line-height:1.25;} section{border-bottom:1px solid xx9aa} header.sticky {position: sticky;top:0;z-index: 99; background: rgba(1,14,30,.88);backdrop-filter: separate(8px);transition all none;} .nav{ display:flex; width:max(90%,1200,%; margin animation:flex; justify-space-between; align-center;height:70px;} .logo-txt{display:flex; align-items:center; gap:10px;color:#fff;font-weight:800;font-size:20px} .logo-badge{width:38px;height:38px;border-radius:10px;background: linear-gradient(135deg,#0ea5e9,#f97316);display:grid; place-items: center;font-size:20px; color-wht:#fff} nav{display:flex; gap:6px;}