*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    :root{
      --bg-primary:#0f0f13;--bg-secondary:#16161a;--bg-card:#1a1a20;--bg-hover:#22222a;
      --accent-gold:#FFD700;--accent-gold-dark:#E6C200;
      --text-primary:#e8e8e8;--text-secondary:#a0a0a8;--text-muted:#6e6e78;
      --success:#10B981;--danger:#EF4444;--border:rgba(255,255,255,0.08);
    }
    /* GOOGLE TRANSLATE CUSTOM STYLES */
    #google_translate_element { margin-right: 15px; }
    .goog-te-gadget-simple {
      background-color: var(--bg-card) !important;
      border: 1px solid var(--border) !important;
      padding: 6px 12px !important;
      border-radius: 8px !important;
      font-family: 'Inter', sans-serif !important;
      cursor: pointer !important;
      transition: all 0.3s ease !important;
    }
    .goog-te-gadget-simple:hover { border-color: var(--accent-gold) !important; }
    .goog-te-gadget-simple span { color: var(--text-primary) !important; font-size: 13px !important; font-weight: 500 !important; }
    .goog-te-gadget-icon { display: none !important; }
    .goog-te-menu-value span:nth-child(3) { border-left: 1px solid var(--border) !important; margin-left: 8px !important; padding-left: 8px !important; color: var(--accent-gold) !important; }
    .goog-te-banner-frame { display: none !important; }
    body { top: 0 !important; }
    .lang-switcher-wrapper { display: flex; align-items: center; gap: 10px; background: var(--bg-card); border: 1px solid var(--border); padding: 6px 14px; border-radius: 10px; margin-right: 15px; transition: all 0.3s ease; cursor: pointer; }
    .lang-switcher-wrapper:hover { border-color: var(--accent-gold); background: var(--bg-hover); }
    .lang-icon { width: 18px; height: 18px; color: var(--accent-gold); flex-shrink: 0; }
    #google_translate_element { display: block !important; }
    .goog-te-gadget-simple { background-color: transparent !important; border: none !important; padding: 0 !important; font-family: 'Inter', sans-serif !important; }
    .goog-te-gadget-simple span { color: var(--text-primary) !important; font-size: 13px !important; font-weight: 600 !important; }
    .goog-te-gadget-icon { display: none !important; }
    .goog-te-menu-value span:nth-child(3), .goog-te-menu-value span:nth-child(5) { display: none !important; }
    .goog-te-menu-value span:nth-child(1) { margin-right: 0 !important; }
    .skiptranslate iframe { display: none !important; }
    /* FLOATING WHATSAPP */
    .wa-float-btn {
      position: fixed;
      bottom: 30px;
      right: 30px;
      z-index: 9999;
      display: flex;
      align-items: center;
      gap: 12px;
      background: #25D366;
      color: white;
      padding: 12px 20px;
      border-radius: 50px;
      font-weight: 700;
      font-size: 14px;
      text-decoration: none;
      box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
      transition: all 0.3s ease;
      animation: bounceIn 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }
    .wa-float-btn:hover {
      transform: translateY(-5px) scale(1.05);
      box-shadow: 0 8px 25px rgba(37, 211, 102, 0.5);
    }
    .wa-float-btn svg { width: 24px; height: 24px; fill: currentColor; }
    .wa-pulse {
      position: absolute;
      top: -2px;
      right: -2px;
      width: 15px;
      height: 15px;
      background: #FF3B3B;
      border: 2.5px solid white;
      border-radius: 50%;
      animation: pulse-ring 1.5s infinite;
    }
    @keyframes pulse-ring { 0% { transform: scale(0.8); opacity: 1; } 100% { transform: scale(1.5); opacity: 0; } }
    @keyframes bounceIn { from { opacity: 0; transform: scale(0.5) translateY(50px); } to { opacity: 1; transform: scale(1) translateY(0); } }
    @media (max-width: 768px) { .wa-float-btn { bottom: 20px; right: 20px; padding: 10px 16px; font-size: 13px; } }
    html{scroll-behavior:smooth}
    body{font-family:'Inter',-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}
    .container{width:100%;max-width:1350px;margin:0 auto;padding:0 24px}
    /* Header */
    .site-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;background:rgba(15,15,19,0.9);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
    .header-inner{display:flex;align-items:center;justify-content:space-between}
    .logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.125rem;color:var(--text-primary);text-decoration:none}
    .logo-icon{width:36px;height:36px;background:var(--accent-gold);border-radius:8px;display:flex;align-items:center;justify-content:center}
    .logo-icon svg{width:22px;height:22px;color:var(--bg-primary)}
    .logo span{color:var(--accent-gold)}
    .main-nav{display:none}
    @media(min-width:1024px){
      .main-nav{display:block}
      .nav-list{display:flex;gap:32px;list-style:none}
      .nav-list a{color:var(--text-secondary);font-size:0.9375rem;font-weight:500;transition:color 0.2s;text-decoration:none}
      .nav-list a:hover{color:var(--text-primary)}
      .nav-list a.active{color:var(--accent-gold)}
    }
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-weight:600;font-size:0.9375rem;border-radius:10px;transition:all 0.2s;text-decoration:none;white-space:nowrap}
    .btn-primary{background:var(--accent-gold);color:var(--bg-primary)}
    .btn-primary:hover{background:var(--accent-gold-dark)}
    .btn-secondary { background: transparent; color: var(--accent-gold); border: 1.5px solid var(--accent-gold) }
    .btn-secondary:hover { background: rgba(255, 215, 0, 0.1) }
    .btn-sm{padding:10px 20px;font-size:0.875rem}
    .header-cta{display:none}
    @media(min-width:768px){.header-cta{display:inline-flex}}
    .menu-toggle{display:flex;flex-direction:column;gap:5px;padding:8px;background:none;border:none;cursor:pointer}
    .menu-toggle span{width:24px;height:2px;background:var(--text-primary)}
    @media(min-width:1024px){.menu-toggle{display:none}}
    /* Mobile Menu */
    .mobile-menu{position:fixed;top:0;right:-100%;width:300px;height:100vh;background:var(--bg-secondary);padding:80px 24px 24px;transition:right 0.3s;z-index:999;border-left:1px solid var(--border)}
    .mobile-menu.active{right:0}
    .mobile-nav-list{display:flex;flex-direction:column;gap:8px;list-style:none}
    .mobile-nav-list a{padding:12px;color:var(--text-primary);font-weight:500;border-radius:8px;transition:all 0.2s;text-decoration:none;display:block}
    .mobile-nav-list a:hover{background:var(--bg-card);color:var(--accent-gold)}
    .mobile-nav-list a.active{color:var(--accent-gold)}
    .mobile-menu .btn{margin-top:24px;width:100%}
    .menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);opacity:0;visibility:hidden;transition:all 0.3s;z-index:998}
    .menu-overlay.active{opacity:1;visibility:visible}
    /* Hero */
    .hero{padding:140px 0 60px;text-align:center;background:var(--bg-secondary)}
    .hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.1;margin-bottom:16px}
    .hero h1 span{color:var(--accent-gold)}
    .hero p{color:var(--text-secondary);font-size:1.125rem;max-width:600px;margin:0 auto}
    /* Tab Navigation */
    .tab-nav{padding:24px 0;background:var(--bg-primary);border-bottom:1px solid var(--border);position:sticky;top:72px;z-index:100}
    .tab-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;list-style:none}
    .tab-btn{padding:12px 24px;background:transparent;border:1px solid var(--border);border-radius:100px;color:var(--text-secondary);font-size:0.875rem;font-weight:600;cursor:pointer;transition:all 0.2s;white-space:nowrap}
    .tab-btn:hover{border-color:var(--accent-gold);color:var(--text-primary)}
    .tab-btn.active{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--bg-primary)}
    /* Content Sections */
    .content-section{padding:60px 0;display:none}
    .content-section.active{display:block;animation:fadeIn 0.3s ease}
    @keyframes fadeIn{from{opacity:0}to{opacity:1}}
    .content-box{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:32px;margin-bottom:24px}
    .content-box h2{font-size:1.5rem;font-weight:700;margin-bottom:20px;color:var(--accent-gold)}
    .content-box h3{font-size:1.125rem;font-weight:600;margin:24px 0 12px}
    .content-box p{color:var(--text-secondary);margin-bottom:16px;line-height:1.7}
    .content-box ul{margin:16px 0;padding-left:24px}
    .content-box li{color:var(--text-secondary);margin-bottom:8px;line-height:1.7}
    .content-box strong{color:var(--text-primary)}
    /* Progress Bar */
    .progress-bar{position:fixed;top:0;left:0;height:3px;background:var(--accent-gold);z-index:10000;transition:width 0.1s}
    /* FOOTER */
    .site-footer{background:var(--bg-primary);border-top:1px solid var(--border);padding:64px 0 32px}
    .footer-grid{display:grid;grid-template-columns:1fr;gap:40px;margin-bottom:48px}
    @media(min-width:640px){.footer-grid{grid-template-columns:repeat(2,1fr)}}
    @media(min-width:1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}
    .footer-brand p{font-size:0.9375rem;color:var(--text-secondary);line-height:1.7;margin:16px 0;max-width:300px}
    .footer-links h4{font-size:0.9375rem;font-weight:600;margin-bottom:16px}
    .footer-links ul{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0}
    .footer-links a{font-size:0.875rem;color:var(--text-secondary);transition:color 0.2s;text-decoration:none}
    .footer-links a:hover{color:var(--accent-gold)}
    .footer-bottom{padding-top:32px;border-top:1px solid var(--border);text-align:center}
    .footer-bottom p{font-size:0.8125rem;color:var(--text-muted)}
  

:root {
      --bg-primary: #0f0f13;
      --bg-secondary: #16161a;
      --bg-card: #1a1a20;
      --bg-hover: #22222a;
      --accent-gold: #FFD700;
      --accent-gold-dark: #E6C200;
      --text-primary: #e8e8e8;
      --text-secondary: #a0a0a8;
      --text-muted: #6e6e78;
      --success: #10B981;
      --danger: #EF4444;
      --border: rgba(255, 255, 255, 0.08);
      --border-hover: rgba(255, 215, 0, 0.2);
      --shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
      --shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.5);
    }.site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; padding: 16px 0; background: rgba(15, 15, 19, 0.85); backdrop-filter: blur(20px); transition: all 0.3s; }
.header-inner { display: flex; align-items: center; justify-content: space-between; }
.logo { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 1.125rem; color: #fff; text-decoration: none; }
.logo-icon { width: 36px; height: 36px; background: var(--accent-gold); border-radius: 8px; display: flex; align-items: center; justify-content: center; }
.logo-icon svg { width: 22px; height: 22px; color: var(--bg-primary); }
.logo span { color: var(--accent-gold); }
.main-nav { display: none; }
@media(min-width:1024px) { .main-nav { display: block; } .nav-list { display: flex; gap: 32px; list-style:none; margin:0; padding:0; } .nav-list a { color: var(--text-secondary); font-size: 0.9375rem; font-weight: 500; transition: color 0.2s; text-decoration: none; } .nav-list a:hover { color: var(--text-primary); } }
.btn-sm { padding: 10px 20px; font-size: 0.875rem; }
.header-cta { display: none; }
@media(min-width:768px) { .header-cta { display: inline-flex; } }
.menu-toggle { display: flex; flex-direction: column; gap: 5px; padding: 8px; background: none; border: none; cursor: pointer; }
.menu-toggle span { width: 24px; height: 2px; background: var(--text-primary); }
@media(min-width:1024px) { .menu-toggle { display: none; } }
.mobile-menu { position: fixed; top: 0; right: -100%; width: 300px; height: 100vh; background: var(--bg-secondary); padding: 80px 24px 24px; transition: right 0.3s; z-index: 999; border-left: 1px solid var(--border); }
.mobile-menu.active { right: 0; }
.mobile-nav-list { display: flex; flex-direction: column; gap: 8px; list-style:none; padding:0; }
.mobile-nav-list a { padding: 12px; color: var(--text-primary); font-weight: 500; border-radius: 8px; transition: all 0.2s; text-decoration: none; display:block; }
.mobile-nav-list a:hover { background: var(--bg-card); color: var(--accent-gold); }
.menu-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.7); opacity: 0; visibility: hidden; transition: all 0.3s; z-index: 998; }
.menu-overlay.active { opacity: 1; visibility: visible; }
.mobile-cta-bar { position: fixed; bottom: 0; left: 0; right: 0; background: var(--bg-secondary); padding: 12px 16px; display: flex; gap: 12px; transform: translateY(100%); transition: transform 0.3s; z-index: 999; }
.mobile-cta-bar.visible { transform: translateY(0); }
@media(min-width:768px) { .mobile-cta-bar { display: none; } }
.site-footer { background: var(--bg-secondary); padding: 60px 0 30px; border-top: 1px solid var(--border); color: var(--text-secondary); margin-top: 50px; }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 50px; }
@media(max-width:1024px) { .footer-grid { grid-template-columns: 1fr 1fr; } }
@media(max-width:640px) { .footer-grid { grid-template-columns: 1fr; } }
.footer-brand p { margin: 20px 0; line-height: 1.6; font-size: 0.95rem; }
.footer-payments { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 20px; }
.footer-payment { padding: 6px 12px; background: var(--bg-card); border: 1px solid var(--border); border-radius: 6px; font-size: 0.8rem; font-weight: 600; color: #fff;}
.footer-links h4 { color: #fff; font-size: 1.1rem; margin-bottom: 20px; }
.footer-links ul { list-style: none; padding: 0; }
.footer-links li { margin-bottom: 12px; }
.footer-links a { color: var(--text-secondary); text-decoration: none; transition: color 0.2s; }
.footer-links a:hover { color: var(--accent-gold); text-decoration: underline; }
.footer-bottom { text-align: center; padding-top: 30px; border-top: 1px solid var(--border); font-size: 0.9rem; }
.wa-float-btn { position: fixed; bottom: 30px; right: 30px; z-index: 9999; display: flex; align-items: center; gap: 12px; background: #25D366; color: white; padding: 12px 20px; border-radius: 50px; font-weight: 700; font-size: 14px; text-decoration: none; box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4); transition: all 0.3s ease; }
.wa-float-btn:hover { transform: translateY(-5px) scale(1.05); box-shadow: 0 8px 25px rgba(37, 211, 102, 0.5); text-decoration:none; color:white; }
.wa-float-btn svg { width: 24px; height: 24px; fill: currentColor; }
.wa-pulse { position: absolute; top: -2px; right: -2px; width: 15px; height: 15px; background: #FF3B3B; border: 2.5px solid white; border-radius: 50%; animation: pulse-ring 1.5s infinite; }
@keyframes pulse-ring { 0% { transform: scale(0.8); opacity: 1; } 100% { transform: scale(1.5); opacity: 0; } }
@media (max-width: 768px) { .wa-float-btn { bottom: 80px; right: 20px; padding: 10px 16px; font-size: 13px; } }
.lang-switcher-wrapper { display: flex; align-items: center; gap: 6px; background: var(--bg-card); border: 1px solid var(--border); padding: 5px 12px; border-radius: 8px; transition: all 0.3s ease; cursor: pointer; height: 38px; }
.lang-switcher-wrapper:hover { border-color: var(--accent-gold); background: var(--bg-hover); }
.lang-icon { width: 16px; height: 16px; color: var(--accent-gold); flex-shrink: 0; }
#google_translate_element { display: flex !important; align-items: center; }
.goog-te-gadget-simple { background-color: transparent !important; border: none !important; padding: 0 !important; font-family: 'Inter', sans-serif !important; display: flex !important; align-items: center !important; }
.goog-te-gadget-simple > span { display: none !important; }
.goog-te-gadget-simple .goog-te-menu-value { display: flex !important; align-items: center; }
.goog-te-gadget-simple .goog-te-menu-value span:first-child { display: block !important; color: var(--text-primary) !important; font-size: 13px !important; font-weight: 600 !important; }
.goog-te-gadget-icon { display: none !important; }
.goog-te-menu-value span:nth-child(3), .goog-te-menu-value span:nth-child(5) { display: none !important; }
.goog-te-menu-value img { display: none !important; }
.skiptranslate iframe { display: none !important; }
.container { width: 100%; max-width: 1350px; margin: 0 auto; padding: 0 24px; }
body { padding-top: 80px; }