:root{ --primary:#1A365D;--primary-dark:#0C1B30;--primary-light:#3B82F6;--accent:#F5C24B;--accent-light:#ffd86e;--accent-dark:#0C1B30;--bg-main:#F7FAFC;--bg-card:#ffffff;--bg-mint:#E2E8F0;--bg-mint-light:#F0F4F8;--text-dark:#1A202C;--text-body:#2D3748;--text-muted:#4A5568;--text-light:#EDF2F7;--text-white:#ffffff;--font-heading:'Outfit', sans-serif;--font-body:'Inter', sans-serif;--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.05);--shadow-md:0 8px 16px rgba(0, 0, 0, 0.06);--shadow-lg:0 16px 36px -22px rgba(0, 0, 0, 0.25);--shadow-glow:0 12px 26px -12px rgba(245, 194, 75, 0.85);--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:20px;--transition-fast:0.2s cubic-bezier(0.4, 0, 0.2, 1);--transition-normal:0.3s cubic-bezier(0.4, 0, 0.2, 1);--header-height:55px;} *{ margin:0;padding:0;box-sizing:border-box;} html{ scroll-behavior:smooth;font-size:16px;} body{ background-color:var(--bg-main);color:var(--text-body);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;padding-top:var(--header-height);} .container{ width:100%;max-width:1290px;margin:0 auto;padding:0 1.5rem;} .skip-link{ position:absolute;top:-100px;left:0;background:var(--primary);color:white;padding:8px 16px;z-index:10000;transition:top 0.2s;} .skip-link:focus{ top:0;} a{ color:var(--primary);text-decoration:none;transition:color var(--transition-fast);} a:hover{ color:var(--primary-dark);} h1, h2, h3, h4, h5, h6{ font-family:var(--font-heading);color:var(--text-dark);font-weight:700;line-height:1.25;} img{ max-width:100%;height:auto;display:block;} .btn{ display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:700;border-radius:var(--border-radius-md);padding:0.75rem 1.5rem;border:1px solid transparent;cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast), color var(--transition-fast);text-align:center;} .btn-large{ padding:1rem 2rem;font-size:1.1rem;border-radius:var(--border-radius-md);} .btn-gold{ background:linear-gradient(120deg, var(--accent), var(--accent-light));color:var(--accent-dark);border:1px solid rgba(255, 255, 255, 0.28);box-shadow:var(--shadow-glow);} .btn-gold:hover{ transform:translateY(-2px);box-shadow:0 18px 38px -14px #001f4b;filter:saturate(1.05);color:var(--accent-dark);} .btn-outline{ background:transparent;color:var(--text-white);border:2px solid rgba(255, 255, 255, 0.3);} .btn-outline:hover{ background:rgba(255, 255, 255, 0.1);border-color:var(--text-white);color:var(--text-white);transform:translateY(-2px);} .btn-outline-white{ background:transparent;color:var(--text-white);border:2px solid var(--text-white);} .btn-outline-white:hover{ background:var(--text-white);color:var(--primary-dark);transform:translateY(-2px);} .btn-dark{ background:#1A202C;color:var(--text-white);} .btn-dark:hover{ background:#2D3748;color:var(--text-white);transform:translateY(-2px);} @keyframes pulse{ 0%{ box-shadow:0 0 0 0 rgba(245, 194, 75, 0.7);} 70%{ box-shadow:0 0 0 12px rgba(245, 194, 75, 0);} 100%{ box-shadow:0 0 0 0 rgba(245, 194, 75, 0);}} .pulsate{ animation:pulse 2s infinite;} .site-header{ background:linear-gradient(120deg, var(--primary) 0%, var(--primary-dark) 100%) !important;position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:1000;box-shadow:var(--shadow-lg);display:flex;align-items:center;border-bottom:0 !important;} .site-header::before{ content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg, transparent, #93C5FD 30%, #FFE08A 50%, #93C5FD 70%, transparent);opacity:0.9;z-index:6;pointer-events:none;} .site-header::after{ content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg, rgba(96, 165, 250, 0) 0%, #60A5FA 22%, #93C5FD 40%, #F5C24B 50%, #93C5FD 60%, #60A5FA 78%, rgba(96, 165, 250, 0) 100%);box-shadow:0 0 18px rgba(96, 165, 250, 0.55);z-index:6;pointer-events:none;} .header-container{ width:100%;max-width:1290px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;} .brand-link{ display:flex;align-items:center;gap:0.5rem;color:var(--text-white);} .brand-link:hover{ color:var(--text-white);} .logo-icon{ font-size:1.8rem;} .site-title{ font-family:var(--font-heading);font-size:1.6rem;font-weight:800;color:var(--text-white) !important;letter-spacing:-0.5px;} .nav-menu{ display:flex;list-style:none;align-items:center;gap:0.5rem;} .menu-item{ position:relative;} .menu-item>a{ color:rgba(255, 255, 255, 0.92) !important;font-weight:700 !important;font-size:0.95rem;padding:0.4rem 0.8rem;display:flex;align-items:center;gap:0.25rem;letter-spacing:0.2px;border-radius:6px;transition:color var(--transition-fast);} .menu-item>a:hover, .menu-item.active>a{ color:var(--accent) !important;} .menu-item>a::after{ content:"";position:absolute;left:1rem;right:1rem;bottom:2px;height:2px;border-radius:2px;background:linear-gradient(90deg, #60A5FA, #F5C24B);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-fast) ease;} .menu-item>a:hover::after, .menu-item.active>a::after{ transform:scaleX(1);} .arrow-down{ border:solid currentColor;border-width:0 2px 2px 0;display:inline-block;padding:2px;transform:rotate(45deg);transition:transform var(--transition-fast);} .dropdown-menu{ position:absolute;top:100%;left:0;background:var(--text-dark);box-shadow:var(--shadow-md);border-radius:var(--border-radius-sm);list-style:none;min-width:200px;padding:0.5rem 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);z-index:1001;} .menu-item:hover .dropdown-menu{ opacity:1;visibility:visible;transform:translateY(0);} .menu-item:hover .arrow-down{ transform:rotate(-135deg);} .dropdown-menu li a{ color:rgba(255, 255, 255, 0.85);padding:0.6rem 1.2rem;display:block;font-size:0.85rem;font-weight:600;transition:background var(--transition-fast), color var(--transition-fast);} .dropdown-menu li a:hover{ background:var(--primary-dark);color:var(--text-white);} .header-actions{ display:flex;align-items:center;gap:1rem;} .header-button{ font-size:0.9rem;padding:0.4rem 0.9rem;background:linear-gradient(120deg, var(--accent), var(--accent-light));color:var(--accent-dark) !important;border:1px solid rgba(255, 255, 255, 0.28);box-shadow:var(--shadow-glow);} .header-button:hover{ filter:saturate(1.05);transform:translateY(-1px);} .menu-toggle{ display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;z-index:1002;} .hamburger-line{ width:100%;height:3px;background-color:var(--text-white);border-radius:2px;transition:transform var(--transition-normal), opacity var(--transition-normal);} .drawer-overlay{ position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);z-index:1999;opacity:0;visibility:hidden;transition:opacity var(--transition-normal);} .drawer-overlay.active{ opacity:1;visibility:visible;} .mobile-drawer{ position:fixed;top:0;right:-300px;width:300px;height:100%;background:var(--primary-dark);z-index:2000;box-shadow:-5px 0 25px rgba(0, 0, 0, 0.15);padding:1.5rem;display:flex;flex-direction:column;gap:2rem;transition:right var(--transition-normal);overflow-y:auto;} .mobile-drawer.active{ right:0;} .drawer-header{ display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255, 255, 255, 0.1);padding-bottom:1rem;} .drawer-close{ font-size:2rem;background:transparent;border:none;color:var(--text-white);cursor:pointer;} .mobile-navigation{ display:flex;flex-direction:column;} .mobile-nav-menu{ list-style:none;display:flex;flex-direction:column;gap:0.5rem;} .mobile-nav-link{ color:var(--text-white) !important;font-weight:700;font-size:1.1rem;padding:0.75rem 0;display:block;border-bottom:1px solid rgba(255, 255, 255, 0.05);} .mobile-sub-link{ padding-left:1.5rem;font-size:0.95rem;font-weight:500;color:rgba(255, 255, 255, 0.8) !important;} .section{ padding:1.5rem 0;} .section-header{ text-align:center;max-width:700px;margin:0 auto 1rem;} .section-header h2{ font-size:2.25rem;margin-bottom:0.5rem;} .section-subtitle{ color:var(--text-muted);font-size:1.1rem;} .divider{ width:60px;height:4px;background:var(--primary);margin:1rem auto 0;border-radius:2px;} .text-gradient{ background:linear-gradient(135deg, var(--primary-light), var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;} .text-highlight{ color:var(--primary);position:relative;} .text-block p{ margin-bottom:1.5rem;font-size:1.05rem;color:var(--text-body);} .lead-text{ font-size:1.2rem !important;color:var(--text-dark);} .grid{ display:grid;gap:0.8rem;} .grid-2{ grid-template-columns:repeat(2, 1fr);} .grid-3{ grid-template-columns:repeat(3, 1fr);} .grid-4{ grid-template-columns:repeat(4, 1fr);} .grid-5{ grid-template-columns:repeat(5, 1fr);} @media (max-width:1024px){ .grid-4{ grid-template-columns:repeat(2, 1fr);} .grid-5{ grid-template-columns:repeat(3, 1fr);}} @media (max-width:768px){ .grid-2, .grid-3, .grid-4, .grid-5{ grid-template-columns:1fr;}} .card{ background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:1.2rem;transition:transform var(--transition-fast), box-shadow var(--transition-fast);} .card:hover{ transform:translateY(-5px);box-shadow:0 20px 40px rgba(0, 0, 0, 0.08);} .hero-section{ background:linear-gradient(180deg, rgba(255, 235, 201, 1) 0%, rgba(246, 222, 255, 1) 100%);padding:1.2rem 0 1.5rem;overflow:hidden;} .hero-container{ display:grid;grid-template-columns:1.2fr 0.8fr;gap:1rem;align-items:center;} .hero-badge{ display:inline-block;background:rgba(26, 54, 93, 0.08);color:var(--primary-dark);font-weight:700;padding:0.4rem 1rem;border-radius:50px;font-size:0.9rem;margin-bottom:1.5rem;border:1px solid rgba(26, 54, 93, 0.15);} .hero-title{ font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;} .hero-subtitle{ font-size:1.15rem;color:var(--text-muted);margin-bottom:1.2rem;max-width:600px;} .hero-buttons{ display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;} .hero-buttons .btn-outline{ background:transparent;color:var(--primary-dark);border:2px solid var(--primary-dark);} .hero-buttons .btn-outline:hover{ background:var(--primary);color:var(--text-white);border-color:var(--primary);} .hero-specs-card{ background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;border:1.5px solid rgba(26, 54, 93, 0.1);} .specs-grid{ display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;} .spec-item{ display:flex;align-items:center;gap:0.5rem;font-size:0.95rem;border-bottom:1px solid rgba(0, 0, 0, 0.03);padding-bottom:0.5rem;} .spec-icon{ font-size:1.2rem;} .spec-label{ font-weight:500;color:var(--text-muted);} .spec-value{ font-weight:700;color:var(--text-dark);margin-left:auto;} .hero-graphic{ display:flex;justify-content:center;align-items:center;position:relative;} .graphic-wrapper{ position:relative;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:0 30px 60px -15px rgba(26, 54, 93, 0.25);border:3px solid var(--bg-card);} .banner-img{ width:100%;height:auto;object-fit:cover;transform:scale(1.02);transition:transform var(--transition-normal);} .graphic-wrapper:hover .banner-img{ transform:scale(1.05);} .glowing-border-overlay{ position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid transparent;pointer-events:none;box-shadow:inset 0 0 20px rgba(53, 224, 161, 0.2);} .download-card{ background:linear-gradient(120deg, var(--primary) 0%, var(--primary-dark) 100%);border-radius:var(--border-radius-lg);padding:4rem 2rem;text-align:center;color:var(--text-white);box-shadow:0 20px 40px rgba(26, 54, 93, 0.2);} .download-card-content h2{ color:var(--text-white);font-size:2.5rem;margin-bottom:1rem;} .download-card-content p{ max-width:600px;margin:0 auto 2.5rem;opacity:0.9;font-size:1.1rem;} .download-btn-group{ display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;} .download-card-content .text-highlight{ color:var(--accent);} .table-wrapper{ overflow-x:auto;-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-md);border-radius:var(--border-radius-lg);} .specs-table{ width:100%;border-collapse:collapse;background:var(--bg-card);text-align:left;} .specs-table th, .specs-table td{ padding:1.25rem 2rem;} .specs-table th{ background-color:var(--primary);color:var(--text-white);font-family:var(--font-heading);font-size:1.1rem;font-weight:700;} .specs-table tr{ border-bottom:1px solid rgba(0, 0, 0, 0.05);transition:background var(--transition-fast);} .specs-table tr:last-child{ border-bottom:none;} .specs-table tbody tr:nth-child(even){ background-color:var(--bg-mint-light);} .specs-table tr:hover{ background-color:rgba(26, 54, 93, 0.03);} .specs-table td strong{ color:var(--text-dark);} .auth-card{ padding:2.5rem;} .auth-card .card-header{ display:flex;align-items:center;gap:0.75rem;margin-bottom:2rem;border-bottom:2px solid rgba(26, 54, 93, 0.1);padding-bottom:1rem;} .card-icon{ font-size:2rem;} .auth-card h3{ font-size:1.5rem;} .styled-list{ list-style:none;display:flex;flex-direction:column;gap:1.5rem;} .styled-list li{ display:flex;gap:1rem;} .step-num{ background:var(--primary);color:var(--text-white);font-weight:700;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;} .step-text{ font-size:0.95rem;} .step-text strong{ color:var(--text-dark);display:block;margin-bottom:0.25rem;} .game-card{ padding:0;overflow:hidden;display:flex;flex-direction:column;} .game-img-placeholder{ height:180px;display:flex;align-items:center;justify-content:center;font-size:4rem;transition:transform var(--transition-normal);} .game-card:hover .game-img-placeholder{ transform:scale(1.08);} .slots-bg{ background:linear-gradient(135deg, #FF5E62, #FF9966);} .poker-bg{ background:linear-gradient(135deg, #11998e, #38ef7d);} .card-bg{ background:linear-gradient(135deg, #7F00FF, #E100FF);} .roulette-bg{ background:linear-gradient(135deg, #00c6ff, #0072ff);} .crash-bg{ background:linear-gradient(135deg, #f21368, #fcb045);} .fish-bg{ background:linear-gradient(135deg, #00f2fe, #4facfe);} .game-details{ padding:1.5rem;flex-grow:1;} .game-details h3{ font-size:1.25rem;margin-bottom:0.5rem;} .game-details p{ font-size:0.9rem;color:var(--text-muted);} .deposit-guide-wrapper{ background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:3rem;} .shield-badge{ display:flex;align-items:center;gap:1rem;background:rgba(26, 54, 93, 0.05);border:1px solid rgba(26, 54, 93, 0.1);padding:1.5rem;border-radius:var(--border-radius-md);margin-bottom:2.5rem;} .shield-icon{ font-size:2.5rem;} .shield-badge h4{ font-size:1.15rem;margin-bottom:0.25rem;color:var(--primary-dark);} .shield-badge p{ font-size:0.95rem;color:var(--text-body);} .guide-box h4{ font-size:1.3rem;margin-bottom:1.5rem;color:var(--text-dark);border-left:4px solid var(--primary);padding-left:0.75rem;} .checked-list{ list-style:none;display:flex;flex-direction:column;gap:1rem;} .checked-list li{ position:relative;padding-left:1.75rem;font-size:0.95rem;} .checked-list li::before{ content:"✓";position:absolute;left:0;color:var(--primary);font-weight:900;font-size:1.1rem;} .features-list-card{ background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:2.5rem;} .features-list-card .checked-list li::before{ content:"🛡️";font-size:1rem;} .faq-accordion-group{ max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;} .faq-item{ background:var(--bg-card);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid rgba(0, 0, 0, 0.04);} .faq-question{ width:100%;padding:1.25rem 2rem;background:none;border:none;text-align:left;font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--text-dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background var(--transition-fast);} .faq-question:hover{ background:rgba(26, 54, 93, 0.02);} .faq-toggle-icon{ font-size:1.4rem;font-weight:400;color:var(--primary);transition:transform var(--transition-normal);} .faq-answer{ max-height:0;overflow:hidden;transition:max-height var(--transition-normal) ease-out;} .faq-answer p{ padding:0 2rem 1.5rem;font-size:0.95rem;color:var(--text-muted);} .faq-item.active .faq-answer{ max-height:200px;} .faq-item.active .faq-toggle-icon{ transform:rotate(45deg);} .cta-section{ padding-bottom:6rem;} .cta-banner{ background:linear-gradient(120deg, var(--primary-dark) 0%, #0C1B30 100%);border-radius:var(--border-radius-lg);padding:4rem;text-align:center;color:var(--text-white);position:relative;overflow:hidden;box-shadow:var(--shadow-lg);} .cta-banner::before{ content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, transparent, var(--primary-light), var(--accent), var(--primary-light), transparent);} .cta-banner h2{ color:var(--text-white);font-size:2.5rem;margin-bottom:1rem;} .cta-banner p{ max-width:600px;margin:0 auto 2.5rem;opacity:0.9;font-size:1.1rem;} .cta-btn-group{ display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;} .site-footer{ background:#0A192F;color:rgba(255, 255, 255, 0.7);padding:2rem 0 1rem;border-top:4px solid var(--accent);} .site-footer .site-title{ color:var(--text-white) !important;} .footer-grid{ display:grid;grid-template-columns:1.2fr 0.8fr 0.8fr 1.2fr;gap:3rem;margin-bottom:1.5rem;} .footer-col h4{ color:var(--text-white);font-size:1.1rem;margin-bottom:1.5rem;position:relative;padding-bottom:0.5rem;} .footer-col h4::after{ content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;background:var(--accent);} .footer-desc{ font-size:0.9rem;margin-top:1rem;} .footer-col ul{ list-style:none;display:flex;flex-direction:column;gap:0.75rem;} .footer-col ul a{ color:rgba(255, 255, 255, 0.75);font-size:0.9rem;transition:color var(--transition-fast);display:inline-block;padding:0.2rem 0;} .footer-col ul a:hover{ color:var(--accent);padding-left:4px;} .contact-col p{ font-size:0.9rem;margin-bottom:0.75rem;} .footer-disclaimer{ border-top:1px solid rgba(255, 255, 255, 0.1);padding:2rem 0;font-size:0.8rem;line-height:1.6;} .footer-bottom{ border-top:1px solid rgba(255, 255, 255, 0.1);padding-top:2rem;text-align:center;font-size:0.85rem;} @media (max-width:1024px){ .hero-container{ grid-template-columns:1fr;gap:3rem;text-align:center;} .hero-buttons{ justify-content:center;} .hero-specs-card{ max-width:600px;margin:0 auto;} .hero-subtitle{ margin-left:auto;margin-right:auto;} .footer-grid{ grid-template-columns:repeat(2, 1fr);}} @media (max-width:768px){ body{ padding-top:48px;} :root{ --header-height:48px;} .site-header{ height:48px;} .main-navigation{ display:none;} .header-actions .btn{ display:inline-flex;font-size:0.8rem;padding:0.5rem 0.8rem;border-radius:8px;} .menu-toggle{ display:flex;} .hero-title{ font-size:2.75rem;} .section{ padding:1rem 0;} .grid-2, .grid-3, .specs-grid{ grid-template-columns:1fr;} .specs-table th, .specs-table td{ padding:1rem;font-size:0.9rem;} .deposit-guide-wrapper{ padding:1.5rem;} .footer-grid{ grid-template-columns:1fr;gap:2rem;} .cta-banner{ padding:2.5rem 1.5rem;} .cta-banner h2{ font-size:2rem;}} .page-hero{ background:linear-gradient(120deg, var(--primary) 0%, var(--primary-dark) 100%);padding:3rem 0;color:var(--text-white);text-align:center;position:relative;border-bottom:3px solid var(--accent);} .page-hero h1{ color:var(--text-white);font-size:2.5rem;margin-bottom:0.5rem;} .breadcrumbs{ display:flex;justify-content:center;gap:0.5rem;list-style:none;font-size:0.9rem;opacity:0.85;} .breadcrumbs a{ color:var(--accent);} .breadcrumbs li:not(:last-child)::after{ content:"/";margin-left:0.5rem;color:var(--text-white);} .document-card{ background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:3rem;margin-bottom:3rem;} .document-content h3{ font-size:1.5rem;margin:2rem 0 1rem;color:var(--text-dark);border-left:4px solid var(--primary);padding-left:0.75rem;} .document-content p{ margin-bottom:1.25rem;color:var(--text-body);font-size:1rem;line-height:1.7;} .document-content ul, .document-content ol{ margin-bottom:1.5rem;padding-left:1.5rem;} .document-content li{ margin-bottom:0.5rem;color:var(--text-body);} .form-wrapper{ display:flex;justify-content:center;align-items:center;min-height:calc(100vh - var(--header-height) - 150px);padding:3rem 1.5rem;background:radial-gradient(circle at 10% 20%, #F4F9F5 0%, #EBF4EE 90%);} .form-card{ width:100%;max-width:480px;background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:0 20px 40px rgba(0, 0, 0, 0.1);padding:3rem 2.5rem;border:1px solid rgba(26, 54, 93, 0.1);} .form-card-header{ text-align:center;margin-bottom:2rem;} .form-card-header .form-logo{ font-size:3rem;margin-bottom:0.5rem;display:block;} .form-card-header h2{ font-size:1.8rem;color:var(--text-dark);} .form-card-header p{ color:var(--text-muted);font-size:0.95rem;margin-top:0.25rem;} .form-group{ margin-bottom:1.5rem;} .form-label{ display:block;font-weight:700;color:var(--text-dark);margin-bottom:0.5rem;font-size:0.9rem;} .form-input-wrapper{ position:relative;display:flex;} .form-control{ width:100%;padding:0.85rem 1rem;font-family:var(--font-body);font-size:1rem;border:1.5px solid rgba(0, 0, 0, 0.15);border-radius:var(--border-radius-sm);background:var(--bg-main);color:var(--text-dark);transition:border var(--transition-fast), box-shadow var(--transition-fast);} .form-control:focus{ outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(26, 54, 93, 0.15);background:var(--bg-card);} .btn-form-action{ width:100%;padding:0.85rem;font-size:1.05rem;margin-top:1rem;} .form-footer-options{ display:flex;justify-content:space-between;align-items:center;font-size:0.85rem;margin:1rem 0 1.5rem;} .checkbox-label{ display:flex;align-items:center;gap:0.5rem;font-weight:500;color:var(--text-muted);cursor:pointer;} .checkbox-label input{ width:16px;height:16px;accent-color:var(--primary);} .form-card-footer{ text-align:center;margin-top:1.5rem;border-top:1px solid rgba(0, 0, 0, 0.08);padding-top:1.5rem;font-size:0.9rem;color:var(--text-muted);} .form-card-footer a{ font-weight:700;} .contact-grid{ display:grid;grid-template-columns:1.2fr 0.8fr;gap:3rem;} .contact-info-card{ background:linear-gradient(135deg, var(--primary-dark) 0%, #0C1B30 100%);border-radius:var(--border-radius-lg);padding:3rem;color:var(--text-white);display:flex;flex-direction:column;gap:2rem;box-shadow:var(--shadow-md);} .contact-info-card h3{ color:var(--text-white);font-size:1.75rem;} .contact-info-item{ display:flex;align-items:flex-start;gap:1rem;} .contact-info-item .icon{ font-size:1.8rem;line-height:1;} .contact-info-item h5{ color:var(--accent);font-size:1rem;margin-bottom:0.25rem;} .contact-info-item p{ color:rgba(255, 255, 255, 0.85);font-size:0.95rem;} .contact-info-item a{ color:var(--text-white);text-decoration:underline;} .contact-info-item a:hover{ color:var(--accent);} .header-scrolled{ box-shadow:0 10px 20px rgba(0, 0, 0, 0.1);} @media (max-width:768px){ .document-card{ padding:1.5rem;} .form-card{ padding:2rem 1.5rem;} .contact-grid{ grid-template-columns:1fr;} .contact-info-card{ padding:1.5rem;}} .categories-container{ display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.25rem;margin-bottom:2.5rem;} .category-check-card{ background:#ffffff;border:1px solid rgba(0, 0, 0, 0.06);border-radius:var(--border-radius-md);padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 6px rgba(0, 0, 0, 0.02);transition:transform var(--transition-base), box-shadow var(--transition-base);} .category-check-card:hover{ transform:translateY(-2px);box-shadow:0 8px 15px rgba(0, 0, 0, 0.05);border-color:rgba(12, 27, 48, 0.2);} .check-icon-circle{ background:rgba(26, 54, 93, 0.1);color:var(--primary);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:0.9rem;flex-shrink:0;} .category-check-card p{ font-size:0.95rem;margin:0;color:var(--text-dark);line-height:1.4;} .chips-container{ display:flex;flex-wrap:wrap;gap:0.75rem;margin-bottom:2.5rem;} .game-chip{ background:#ffffff;border:1px solid rgba(0, 0, 0, 0.08);border-radius:50px;padding:0.5rem 1.25rem;font-size:0.9rem;font-weight:500;color:var(--text-dark);display:flex;align-items:center;gap:0.5rem;box-shadow:0 2px 4px rgba(0, 0, 0, 0.02);transition:all var(--transition-base);} .game-chip:hover{ background:var(--primary);color:var(--text-white);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 5px 10px rgba(26, 54, 93, 0.2);} .chip-dot{ width:8px;height:8px;background:var(--accent);border-radius:50%;} .game-chip:hover .chip-dot{ background:var(--text-white);} .toc-box{ background:#f8fbf9;border-left:4px solid var(--primary);border-radius:var(--border-radius-md);padding:1.5rem;margin-bottom:2.5rem;} .toc-title{ font-size:1.1rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem;} .toc-list{ display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:0.5rem 1.5rem;list-style:none !important;padding:0 !important;} .toc-list li a{ color:var(--primary-dark);font-size:0.95rem;text-decoration:none;transition:color var(--transition-base);} .toc-list li a:hover{ color:var(--accent);text-decoration:underline;} .pros-cons-grid{ display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2.5rem;} @media (max-width:768px){ .pros-cons-grid{ grid-template-columns:1fr;}} .pros-card{ background:rgba(26, 54, 93, 0.02);border:1px solid rgba(26, 54, 93, 0.08);border-radius:var(--border-radius-md);padding:2rem;} .cons-card{ background:rgba(217, 83, 79, 0.02);border:1px solid rgba(217, 83, 79, 0.08);border-radius:var(--border-radius-md);padding:2rem;} .pros-card h4, .cons-card h4{ margin-bottom:1.25rem;font-size:1.15rem;} .pros-list, .cons-list{ list-style:none !important;padding:0 !important;display:flex;flex-direction:column;gap:0.75rem;} .pros-list li{ position:relative;padding-left:1.75rem;font-size:0.95rem;line-height:1.4;} .pros-list li::before{ content:"✓";position:absolute;left:0;color:var(--primary);font-weight:bold;} .cons-list li{ position:relative;padding-left:1.75rem;font-size:0.95rem;line-height:1.4;} .cons-list li::before{ content:"✗";position:absolute;left:0;color:#d9534f;font-weight:bold;} .download-timeline{ position:relative;max-width:800px;margin:3rem auto;padding:0 1rem;} .download-timeline::before{ content:"";position:absolute;left:35px;top:20px;bottom:20px;width:3px;background:linear-gradient(180deg, var(--primary) 0%, rgba(26, 54, 93, 0.1) 100%);z-index:1;} .timeline-step{ display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;position:relative;z-index:2;} .timeline-step:last-child{ margin-bottom:0;} .step-badge{ background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:var(--text-white);font-size:1.35rem;font-weight:800;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px rgba(26, 54, 93, 0.25);border:4px solid var(--bg-main);flex-shrink:0;z-index:3;} .step-content{ background:#ffffff;border:1px solid rgba(0, 0, 0, 0.05);border-radius:var(--border-radius-md);padding:1.5rem 2rem;flex-grow:1;box-shadow:var(--shadow-sm);transition:all 0.3s ease;text-align:left;} .step-content h5{ color:var(--primary-dark);font-size:1.1rem;font-weight:700;margin-bottom:0.5rem;} .step-content p{ color:var(--text-body);font-size:0.95rem;line-height:1.5;margin:0;} .timeline-step:hover .step-content{ transform:translateX(6px);box-shadow:var(--shadow-md);border-color:rgba(12, 27, 48, 0.18);} @media (max-width:576px){ .download-timeline::before{ left:25px;} .step-badge{ width:36px;height:36px;font-size:1rem;border-width:2px;} .step-content{ padding:1rem 1.25rem;} .step-content h5{ font-size:0.95rem;} .step-content p{ font-size:0.85rem;} .hero-title{ font-size:2.00rem;overflow-wrap:break-word;word-wrap:break-word;} .hero-badge{ font-size:0.8rem;padding:0.4rem 0.8rem;white-space:normal;display:inline-block;} .header-button{ display:none !important;} .toc-box{ padding:1.25rem;} .site-footer{ padding:3.5rem 0 2rem;} .footer-col{ padding:0 0.5rem;}}