body {
      background-color: #050505;
      color: #F5F5F5;
      font-family: 'Inter', sans-serif;
      overflow-x: hidden;
    }

    /* Custom Glassmorphism */
    .glass-panel {
      background: rgba(10, 10, 10, 0.75);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border: 1px solid rgba(255, 106, 0, 0.12);
    }
    
    .glass-card {
      background: rgba(17, 17, 17, 0.6);
      backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, 0.05);
      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }
    
    .glass-card:hover {
      border-color: rgba(255, 106, 0, 0.4);
      box-shadow: 0 10px 30px -10px rgba(255, 106, 0, 0.15);
      transform: translateY(-2px);
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
      width: 6px;
    }
    ::-webkit-scrollbar-track {
      background: #050505;
    }
    ::-webkit-scrollbar-thumb {
      background: #221914;
      border-radius: 3px;
    }
    ::-webkit-scrollbar-thumb:hover {
      background: #FF6A00;
    }

    .gradient-text {
      background: linear-gradient(135deg, #FFFFFF 0%, #F5F5F5 40%, #FF8A1F 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .orange-gradient-text {
      background: linear-gradient(135deg, #FF6A00 0%, #FF8A1F 50%, #FFB15C 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    /* Grid background */
    .bg-grid-pattern {
      background-size: 40px 40px;
      background-image: 
        linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    }

    /* Glowing border animation */
    .glow-border-box {
      position: relative;
    }
    .glow-border-box::before {
      content: '';
      position: absolute;
      inset: -1px;
      background: linear-gradient(90deg, transparent, rgba(255, 106, 0, 0.5), transparent);
      border-radius: inherit;
      z-index: -1;
      opacity: 0.5;
      transition: opacity 0.3s ease;
    }
    .glow-border-box:hover::before {
      opacity: 1;
    }

    /* ===== Light mode (only active when <html class="light">; dark mode is unchanged) ===== */
    html.light body { background-color: #F6F3EF; color: #1A1A1A; }
    html.light .bg-laxa-black { background-color: #F6F3EF; }
    html.light .bg-laxa-card { background-color: #FFFFFF; }
    html.light .bg-laxa-elevated { background-color: #EFEAE4; }
    html.light [class*="bg-laxa-black/"] { background-color: rgba(246, 243, 239, 0.88); }
    html.light .text-white { color: #111111; }
    html.light .text-laxa-gray-muted { color: #5B5B5B; }
    html.light .text-laxa-gray-light { color: #222222; }
    html.light .border-white\/5, html.light .border-white\/10, html.light .border-white\/20 { border-color: rgba(0, 0, 0, 0.12); }
    html.light .bg-white\/5 { background-color: rgba(0, 0, 0, 0.05); }
    html.light .glass-panel { background: rgba(255, 255, 255, 0.85); }
    html.light .glass-card { background: rgba(255, 255, 255, 0.75); border-color: rgba(0, 0, 0, 0.08); }
    html.light .gradient-text { background: linear-gradient(135deg, #111111 0%, #333333 40%, #FF6A00 100%); -webkit-background-clip: text; }
    html.light ::-webkit-scrollbar-track { background: #F6F3EF; }
    /* keep white text on orange buttons/badges */
    html.light .bg-laxa-orange.text-white,
    html.light [class*="from-laxa-orange"].text-white { color: #FFFFFF; }

    /* ===== Floating WhatsApp button ===== */
    #whatsapp-float {
      position: fixed;
      right: 20px;
      bottom: calc(20px + env(safe-area-inset-bottom, 0px));
      width: 58px;
      height: 58px;
      border-radius: 50%;
      background: #25D366;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 8px 24px rgba(37, 211, 102, 0.45);
      z-index: 40;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    #whatsapp-float:hover { transform: scale(1.08); box-shadow: 0 10px 30px rgba(37, 211, 102, 0.6); }
    #whatsapp-float::after {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: 50%;
      border: 2px solid #25D366;
      animation: wa-ring 2.2s ease-out infinite;
      pointer-events: none;
    }
    @keyframes wa-ring { 0% { transform: scale(1); opacity: 0.7; } 100% { transform: scale(1.6); opacity: 0; } }