:root {
      --bg: #03050b;
      --panel: #0c111e;
      --panel2: #0f1626;
      --text: #f5f7ff;
      --muted: #f5f7ff;
      --accent: #f5c442;
      --accent2: #ff4d4f;
      --accent3: #ff7b2f;
      --navy: #0b1220;
      --stroke: rgba(255, 255, 255, 0.08);
    }
    body { font-family: 'Manrope','Segoe UI',sans-serif; color: var(--text); }
    .glass { background: rgba(12,17,30,0.92); border: 1px solid var(--stroke); }
    .shine { box-shadow: 0 20px 60px rgba(0,0,0,0.45), 0 0 35px rgba(255,124,47,0.35); }
    a.inline-flex, button.inline-flex {
      transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
    }
    a.inline-flex:hover, button.inline-flex:hover {
      transform: translateY(-2px);
      box-shadow: 0 10px 20px rgba(255, 196, 66, 0.25), 0 6px 16px rgba(0,0,0,0.35);
      filter: brightness(1.04);
    }
    a {
      transition: color 0.18s ease;
    }
    a:hover {
      color: var(--accent);
    }
    .menu-toggle .menu-line {
      transition: transform 0.18s ease, opacity 0.18s ease;
    }
    .menu-toggle.is-open .menu-line:nth-child(1) {
      transform: translateY(6px) rotate(45deg);
    }
    .menu-toggle.is-open .menu-line:nth-child(2) {
      opacity: 0;
    }
    .menu-toggle.is-open .menu-line:nth-child(3) {
      transform: translateY(-6px) rotate(-45deg);
    }