:root {--primary-blue: #3B82F6;--secondary-blue: #60A5FA;--light-blue: #DBEAFE;--accent-orange: #F59E0B;--accent-pink: #EC4899;--accent-green: #10B981;--accent-purple: #8B5CF6;--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-card: #FFFFFF;--bg-accent: #F1F5F9;--text-primary: #1E293B;--text-secondary: #475569;--text-muted: #fff;--border-color: #E2E8F0;--border-accent: #CBD5E1;--shadow-light: rgba(0, 0, 0, 0.05);--shadow-medium: rgba(0, 0, 0, 0.1);--shadow-heavy: rgba(0, 0, 0, 0.15);--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--info: #3B82F6;}[data-theme="dark"] {--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-card: #334155;--bg-accent: #475569;--text-primary: #F8FAFC;--text-secondary: #E2E8F0;--text-muted: #94A3B8;--border-color: #475569;--border-accent: #64748B;--shadow-light: rgba(0, 0, 0, 0.3);--shadow-medium: rgba(0, 0, 0, 0.4);--shadow-heavy: rgba(0, 0, 0, 0.5);}.custom-muted {color: #4a5565 !important;}[data-theme="dark"] .custom-muted {color: #E2E8F0 !important;}* { margin: 0; padding: 0; box-sizing: border-box; }body {font-family: 'Inter', 'Rajdhani', sans-serif;background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 50%, var(--bg-primary) 100%);color: var(--text-primary); min-height: 100vh; overflow-x: hidden; transition: all 0.3s ease;}.bg-primary { --bs-bg-opacity: 1; background-color: rgb(78 148 248) !important; }.text-orange {color: rgb(234 133 10) ;}.text-primary { --bs-text-opacity: 1; color: rgb(13 202 240) !important; }@keyframes floatJoyful {0%, 100% { transform: translateY(0px) translateX(0px) rotate(0deg) scale(1); }25% { transform: translateY(-30px) translateX(10px) rotate(90deg) scale(1.1); }50% { transform: translateY(-60px) translateX(-10px) rotate(180deg) scale(0.9); }75% { transform: translateY(-30px) translateX(15px) rotate(270deg) scale(1.05); }}@keyframes sparkleJoyful {0% { background-position: 0% 0%; opacity: 0.3; }50% { background-position: 50% 50%; opacity: 0.6; }100% { background-position: 100% 100%; opacity: 0.3; }}@keyframes bounceGlow {0%, 100% { transform: translateY(0px) scale(1); filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.5)); }50% { transform: translateY(-10px) scale(1.02); filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.8)) drop-shadow(0 0 30px rgba(245, 158, 11, 0.6)); }}@keyframes shimmer { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }@keyframes bobFloat { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-8px); } }@keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } }@keyframes wiggle { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(-10deg); } 75% { transform: rotate(10deg); } }@keyframes bounce { 0%, 100% { transform: translateX(0px); } 50% { transform: translateX(10px); } }@keyframes floatCards { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-20px) rotate(2deg); } }@keyframes decorationFloat { 0%, 100% { transform: translateY(0px) scale(1); opacity: 0.3; } 50% { transform: translateY(-30px) scale(1.1); opacity: 0.6; } }@keyframes floatAround {0%, 100% { transform: translate(0, 0) rotate(0deg) scale(1); }25% { transform: translate(20px, -15px) rotate(90deg) scale(1.1); }50% { transform: translate(-10px, -25px) rotate(180deg) scale(0.9); }75% { transform: translate(-20px, 10px) rotate(270deg) scale(1.05); }}@keyframes pulsePrice { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.02); } }@keyframes gentle-float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-3px); } }@keyframes spinJoyful { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(1.1); } 100% { transform: rotate(360deg) scale(1); } }.hero-logo-background {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;z-index: 0;pointer-events: none;}.logo-floating {position: absolute;width: 120px;height: 120px;opacity: 0.08;filter: drop-shadow(0 4px 15px rgba(59, 130, 246, 0.2));animation: floatEverywhereExtreme 30s linear infinite;}@keyframes floatEverywhereExtreme {0% {transform: translate(-60px, -60px) rotate(0deg);opacity: 0.05;}8% {transform: translate(150px, -40px) rotate(45deg);opacity: 0.12;}16% {transform: translate(350px, 80px) rotate(90deg);opacity: 0.08;}24% {transform: translate(450px, 250px) rotate(135deg);opacity: 0.15;}32% {transform: translate(280px, 400px) rotate(180deg);opacity: 0.06;}40% {transform: translate(50px, 450px) rotate(225deg);opacity: 0.10;}48% {transform: translate(-80px, 300px) rotate(270deg);opacity: 0.12;}56% {transform: translate(-120px, 150px) rotate(315deg);opacity: 0.08;}64% {transform: translate(100px, -20px) rotate(360deg);opacity: 0.14;}72% {transform: translate(400px, 120px) rotate(45deg);opacity: 0.07;}80% {transform: translate(320px, 350px) rotate(180deg);opacity: 0.11;}88% {transform: translate(-40px, 400px) rotate(270deg);opacity: 0.09;}96% {transform: translate(200px, 100px) rotate(330deg);opacity: 0.13;}100% {transform: translate(-60px, -60px) rotate(360deg);opacity: 0.05;}}.hero-decoration {z-index: 1;}@media (max-width: 768px) {.logo-floating {width: 90px;height: 90px;opacity: 0.06;}@keyframes floatEverywhereExtreme {0% {transform: translate(-40px, -40px) rotate(0deg);opacity: 0.04;}20% {transform: translate(200px, 50px) rotate(90deg);opacity: 0.08;}40% {transform: translate(250px, 250px) rotate(180deg);opacity: 0.06;}60% {transform: translate(-30px, 300px) rotate(270deg);opacity: 0.09;}80% {transform: translate(150px, 100px) rotate(360deg);opacity: 0.07;}100% {transform: translate(-40px, -40px) rotate(360deg);opacity: 0.04;}}.floating-cards {height: 400px;}.game-card {width: 140px;padding: 1rem;}}@media (max-width: 576px) {.logo-floating {width: 70px;height: 70px;opacity: 0.05;}@keyframes floatEverywhereExtreme {0% {transform: translate(-30px, -30px) rotate(0deg);opacity: 0.03;}25% {transform: translate(150px, 80px) rotate(90deg);opacity: 0.06;}50% {transform: translate(180px, 200px) rotate(180deg);opacity: 0.05;}75% {transform: translate(-20px, 180px) rotate(270deg);opacity: 0.07;}100% {transform: translate(-30px, -30px) rotate(360deg);opacity: 0.03;}}.floating-cards {height: 350px;}}.hero-visual:hover .logo-floating {opacity: 0.15;transition: opacity 0.3s ease;}.hero-homepage, .homepage-hero {background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue), var(--light-blue));position: relative; overflow: hidden; min-height: 100vh; display: flex; align-items: center;}.hero-homepage::before, .homepage-hero::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="3" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="40" r="2" fill="rgba(255,255,255,0.1)"/><polygon points="60,10 65,20 75,20 67,28 70,38 60,32 50,38 53,28 45,20 55,20" fill="rgba(255,255,255,0.1)"/></svg>');animation: sparkleJoyful 4s linear infinite;}.hero-section {background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue), var(--light-blue));position: relative; overflow: hidden; padding: 4rem 0; margin-bottom: 3rem; box-shadow: 0 10px 40px var(--shadow-medium);}.hero-section::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="3" fill="rgba(255,255,255,0.3)"/><circle cx="80" cy="40" r="2" fill="rgba(255,255,255,0.2)"/><circle cx="40" cy="80" r="2.5" fill="rgba(255,255,255,0.25)"/><polygon points="60,10 65,20 75,20 67,28 70,38 60,32 50,38 53,28 45,20 55,20" fill="rgba(255,255,255,0.2)"/></svg>');animation: sparkleJoyful 4s linear infinite;}.hero-badge, .homepage-hero-badge {color: white;display: inline-flex; align-items: center; gap: 0.5rem; background: rgb(95 95 95 / 20%);padding: 0.5rem 1rem; border-radius: 25px; font-size: 0.9rem; font-weight: 500; margin-bottom: 1.5rem; backdrop-filter: blur(10px);}.hero-title, .homepage-hero-title, .game-title {font-family: "Fredoka One", cursive;font-size: 3.5rem;color: white;margin-bottom: 1.5rem;line-height: 1.2;}.game-title {font-size: 4rem; background: var(--accent-orange); -webkit-background-clip: text; -webkit-text-fill-color: transparent;text-shadow: 0 4px 15px rgba(255, 255, 255, 0.3); animation: bounceGlow 3s ease-in-out infinite; margin-bottom: 1rem;}.hero-highlight, .homepage-hero-highlight {background: linear-gradient(45deg, var(--accent-orange), var(--accent-pink));-webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0 0 30px rgba(255, 255, 255, 0.5);}.hero-description, .homepage-hero-description {font-size: 1.2rem; color: rgba(255, 255, 255, 0.9); margin-bottom: 2rem; line-height: 1.6;}.hero-subtitle { text-align: center; font-size: 1.3rem; color: white; margin-bottom: 2rem; font-weight: 500; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }.hero-features, .homepage-hero-features { display: flex; gap: 2rem; margin-bottom: 2.5rem; flex-wrap: wrap; }.hero-feature, .homepage-hero-feature { display: flex; align-items: center; gap: 0.5rem; color: white; font-weight: 500; }.hero-actions, .homepage-hero-actions { margin-bottom: 3rem; }.hero-stats, .homepage-hero-stats { display: flex; gap: 3rem; flex-wrap: wrap; }.homepage-stat-item, .stat-item { text-align: center; }.homepage-stat-number, .stat-number { font-size: 2.5rem; font-weight: bold; color: white; font-family: 'Fredoka One', cursive; }.homepage-stat-label, .stat-label { color: rgba(255, 255, 255, 0.8); font-size: 0.9rem; }.particle-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: -1; }.particle { position: absolute; border-radius: 50%; opacity: 0.6; animation: floatJoyful 8s ease-in-out infinite; }.particle:nth-child(1) { background: var(--primary-blue); width: 8px; height: 8px; left: 10%; top: 20%; animation-delay: 0s; }.particle:nth-child(2) { background: var(--accent-orange); width: 6px; height: 6px; left: 80%; top: 70%; animation-delay: -2s; }.particle:nth-child(3) { background: var(--accent-pink); width: 10px; height: 10px; left: 60%; top: 30%; animation-delay: -4s; }.particle:nth-child(4) { background: var(--accent-green); width: 7px; height: 7px; left: 30%; top: 80%; animation-delay: -1s; }.particle:nth-child(5) { background: var(--accent-purple); width: 9px; height: 9px; left: 90%; top: 40%; animation-delay: -3s; }.theme-toggle {position: fixed; top: 20px; right: 20px; z-index: 1000; background: var(--bg-card); border: 2px solid var(--border-color);border-radius: 50px; padding: 0.5rem 1rem; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px var(--shadow-medium);}.theme-toggle:hover { transform: translateY(-2px); box-shadow: 0 8px 25px var(--shadow-heavy); }.theme-toggle i { font-size: 1.2rem; color: var(--text-primary); margin: 0 0.5rem; }.modern-card {background: var(--bg-card); border: 2px solid var(--border-color); border-radius: 24px; padding: 2.5rem; margin-bottom: 2rem;position: relative; overflow: hidden; transition: all 0.4s ease; box-shadow: 0 8px 32px var(--shadow-light);}.modern-card::before {content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.08), transparent); transition: left 0.6s;}.modern-card:hover { border-color: var(--secondary-blue); transform: translateY(-8px) scale(1.02); box-shadow: 0 20px 60px var(--shadow-medium); }.modern-card:hover::before { left: 100%; }.card-header-custom {background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue)); color: white; padding: 1.2rem 2rem;border-radius: 20px 20px 0 0; margin: -2.5rem -2.5rem 2.5rem -2.5rem; font-weight: 600; font-size: 1.2rem;display: flex; align-items: center; gap: 0.8rem; box-shadow: 0 4px 20px rgba(59, 130, 246, 0.3);}.form-control-modern {background: var(--bg-accent); border: 2px solid var(--border-color); border-radius: 16px; color: var(--text-primary);padding: 1rem 1.2rem; font-size: 1rem; transition: all 0.3s ease; font-weight: 500;}.form-control-modern:focus {background: var(--bg-card); border-color: var(--primary-blue); box-shadow: 0 0 0 0.25rem rgba(59, 130, 246, 0.15);color: var(--text-primary); transform: translateY(-2px);}.form-control-modern option { background: var(--bg-card); color: var(--text-primary); }.form-label { color: var(--text-primary); font-weight: 600; margin-bottom: 0.5rem; font-size: 1rem; }.btn-modern {background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue)); border: none; border-radius: 16px;padding: 1rem 2.5rem; font-weight: 600; font-size: 1.1rem; color: white; transition: all 0.3s ease;position: relative; overflow: hidden; text-transform: uppercase; letter-spacing: 1px;}.btn-modern::before {content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); transition: left 0.5s;}.btn-modern:hover {transform: translateY(-4px) scale(1.05); box-shadow: 0 15px 35px rgba(59, 130, 246, 0.4);background: linear-gradient(135deg, var(--secondary-blue), var(--primary-blue)); color: white;}.btn-modern:hover::before { left: 100%; }.btn-success-modern { background: linear-gradient(135deg, var(--accent-green), #059669); }.btn-success-modern:hover { background: linear-gradient(135deg, #059669, var(--accent-green)); box-shadow: 0 15px 35px rgba(16, 185, 129, 0.4); }.price-display {background: linear-gradient(135deg, var(--accent-green), #059669); color: white; padding: 2.5rem; border-radius: 20px;text-align: center; font-size: 2.8rem; font-weight: bold; box-shadow: 0 15px 40px rgba(16, 185, 129, 0.3); position: relative; overflow: hidden; animation: pulsePrice 2s ease-in-out infinite;}.price-display::before {content: '€'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);font-size: 8rem; opacity: 0.1; font-weight: 900;}.section-title { font-size: 2.8rem; font-weight: bold; margin-bottom: 1rem; text-align: center;color:var(--text-secondary) }.title-gradient {background: linear-gradient(45deg, var(--primary-blue), var(--accent-green)); -webkit-background-clip: text; font-family: 'Fredoka One', cursive; animation: shimmer 3s ease-in-out infinite;}.section-subtitle { font-size: 1.2rem; color: var(--text-secondary); margin-bottom: 0; text-align: center; }.feature-card {background: var(--bg-card); border: 2px solid var(--border-color); border-radius: 24px; padding: 1.5rem; text-align: center;position: relative; overflow: hidden; transition: all 0.4s ease; height: 100%; cursor: pointer;}.feature-card:hover { transform: translateY(-12px) rotate(1deg); border-color: var(--primary-blue); box-shadow: 0 25px 50px var(--shadow-medium); }.feature-card:nth-child(even):hover { transform: translateY(-12px) rotate(-1deg); }.feature-icon-wrapper {width: 60px; height: 60px; margin: 0 auto 1.5rem; background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 12px 30px rgba(59, 130, 246, 0.3);animation: bobFloat 3s ease-in-out infinite;}.feature-card:nth-child(2) .feature-icon-wrapper { background: linear-gradient(135deg, var(--accent-orange), #D97706); animation-delay: -1s; }.feature-card:nth-child(3) .feature-icon-wrapper { background: linear-gradient(135deg, var(--accent-pink), #BE185D); animation-delay: -2s; }.feature-card:nth-child(4) .feature-icon-wrapper { background: linear-gradient(135deg, var(--accent-purple), #7C3AED); animation-delay: -0.5s; }.feature-icon { font-size: 2.2rem; color: white; }.feature-title { font-size: 1.2rem; margin-bottom: 1rem; color: var(--info); font-family: 'Fredoka One', sans-serif; }.feature-description { color: var(--text-secondary); line-height: 1.6; margin-bottom: 1.5rem; }.feature-badge {background: linear-gradient(135deg, var(--accent-orange), #D97706); color: white; padding: 0.6rem 1.2rem; border-radius: 25px;font-weight: bold; font-size: 0.9rem; position: absolute; top: 1.5rem; right: 1.5rem; box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3);}.process-section {background: var(--bg-card); border-radius: 24px; padding: 3rem; border: 2px solid var(--border-color); box-shadow: 0 12px 40px var(--shadow-light);}.process-title { color: var(--text-secondary); margin-bottom: 2.5rem; text-align: center; font-size: 1.8rem; font-family: 'Fredoka One', sans-serif; }.process-timeline { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1.5rem; }.process-step { text-align: center; flex: 1; min-width: 180px; transition: all 0.3s ease; }.process-step:hover { transform: scale(1.05); }.process-number {width: 70px; height: 70px; background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue)); color: white;border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; font-weight: bold;margin: 0 auto 1.2rem; box-shadow: 0 10px 25px rgba(59, 130, 246, 0.4); animation: pulse 2s ease-in-out infinite;}.process-step:nth-child(3) .process-number { background: linear-gradient(135deg, var(--accent-orange), #D97706); animation-delay: -0.5s; }.process-step:nth-child(5) .process-number { background: linear-gradient(135deg, var(--accent-pink), #BE185D); animation-delay: -1s; }.process-step:nth-child(7) .process-number { background: linear-gradient(135deg, var(--accent-green), #059669); animation-delay: -1.5s; }.process-content h5 { color: var(--text-secondary); margin-bottom: 0.5rem; font-weight: bold; font-family: 'Fredoka One', sans-serif; }.process-content p { color: var(--text-secondary); font-size: 0.95rem; margin: 0; }.process-arrow { color: var(--primary-blue); font-size: 2rem; flex: 0 0 auto; animation: bounce 2s ease-in-out infinite; }.tips-section {background: linear-gradient(135deg, var(--light-blue), rgba(59, 130, 246, 0.05)); border: 2px solid rgba(59, 130, 246, 0.2);border-radius: 24px; padding: 2.5rem; box-shadow: 0 12px 40px var(--shadow-light);}.tips-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem; justify-content: center; }.tips-icon { font-size: 2.5rem; color: var(--accent-orange); animation: wiggle 2s ease-in-out infinite; }.tips-header h4 { color: var(--text-primary); margin: 0; font-size: 1.5rem; font-family: 'Fredoka One', sans-serif; }.tips-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; }.tip-item:hover { background: var(--bg-accent); border-color: var(--primary-blue); transform: translateY(-4px); box-shadow: 0 8px 25px var(--shadow-medium); }.tip-item i { font-size: 1.5rem; width: 24px; text-align: center; }.tip-item span { color: var(--text-primary); font-size: 1rem; font-weight: 500; }.trust-badges {display: flex; justify-content: center; align-items: center; gap: 2rem; flex-wrap: wrap; padding: 2.5rem;background: var(--bg-card); border-radius: 24px; border: 2px solid var(--border-color); box-shadow: 0 12px 40px var(--shadow-light);}.trust-badge {display: flex; align-items: center; gap: 0.8rem; color: var(--text-primary); font-weight: 600; padding: 1rem 2rem;background: var(--bg-accent); border: 2px solid var(--border-color); border-radius: 20px; transition: all 0.3s ease; cursor: pointer;}.trust-badge:hover { background: var(--primary-blue); color: white; transform: translateY(-4px) scale(1.05); box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3); }.trust-badge i { color: var(--accent-orange); font-size: 1.3rem; }.trust-badge:hover i { color: white; }.badge-modern {background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue)); color: white; padding: 0.6rem 1.2rem;border-radius: 25px; font-size: 0.95rem; font-weight: 600; margin: 0.3rem; display: inline-block;box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3); animation: gentle-float 3s ease-in-out infinite;}.badge-warning-modern { background: linear-gradient(135deg, var(--accent-orange), #D97706); animation-delay: -1s; }.badge-success-modern { background: linear-gradient(135deg, var(--accent-green), #059669); animation-delay: -2s; }.alert-modern {background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(96, 165, 250, 0.05)); border: 2px solid rgba(59, 130, 246, 0.2);border-radius: 20px; padding: 1.5rem 2rem; color: var(--text-primary); margin: 1.5rem 0; box-shadow: 0 8px 25px var(--shadow-light);}.loading-spinner {display: none; width: 50px; height: 50px; border: 4px solid rgba(59, 130, 246, 0.2); border-top: 4px solid var(--primary-blue);border-radius: 50%; animation: spinJoyful 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite; margin: 1.5rem auto;}.ljdn { display: none !important; }.navbar-modern {background: var(--bg-card); border-bottom: 2px solid var(--border-color); padding: 1rem 0; box-shadow: 0 4px 20px var(--shadow-light);backdrop-filter: blur(10px); position: sticky; top: 0; z-index: 1000; transition: all 0.3s ease;}.navbar-modern .container { display: flex; align-items: center; justify-content: space-between; }.mobile-always-visible { display: flex; align-items: center; gap: 1rem; }.mobile-home, .mobile-games {background: linear-gradient(135deg, #0dcaf0, #0aa2c0) !important; color: white !important; border-radius: 50% !important;width: 40px !important; height: 40px !important; display: flex !important; align-items: center !important;justify-content: center !important; padding: 0 !important; margin: 0 !important;}.mobile-home:hover, .mobile-games:hover { transform: scale(1.1); color: white !important; }.mobile-games { position: relative; text-decoration: none !important; }.mobile-games::after { display: none !important; }.mobile-theme { margin: 0 !important; padding: 0.4rem 0.7rem !important; }.navbar-brand { text-decoration: none !important; padding: 0; display: flex !important; align-items: center !important; }.brand-container { display: flex; align-items: center; gap: 0.1rem; }.brand-text { display: flex; flex-direction: column; line-height: 1.2; }.brand-name {font-family: 'Fredoka One', 'Arial Black', sans-serif; font-size: 1.5rem; font-weight: bold; color: var(--text-primary);background: linear-gradient(45deg, var(--primary-blue), var(--accent-green)); -webkit-background-clip: text;-webkit-text-fill-color: transparent; background-clip: text; color: var(--primary-blue);}.brand-tagline { font-size: 0.75rem; color: var(--text-muted); font-weight: 500; letter-spacing: 0.5px; font-family: 'Inter', 'Arial', sans-serif; }.navbar-toggler {border: 2px solid var(--border-color); border-radius: 12px; padding: 0.5rem; background: var(--bg-accent); transition: all 0.3s ease;}.navbar-toggler:hover { border-color: var(--primary-blue); background: var(--primary-blue); color: white; }.navbar-toggler:focus { box-shadow: none; outline: none; }.navbar-toggler-icon { background: none; width: auto; height: auto; }.navbar-toggler-icon i { font-size: 1.2rem; color: var(--text-primary); transition: all 0.3s ease; }.navbar-toggler:hover .navbar-toggler-icon i { color: white; }.navbar-collapse { transition: none !important; }.navbar-collapse.collapsing { transition: height 0.35s ease !important; }.navbar-nav .nav-link {display: flex; align-items: center; gap: 0.5rem; padding: 0.4rem 1.2rem !important; border-radius: 12px; margin: 0 0.2rem;transition: all 0.3s ease; color: var(--text-primary) !important; font-weight: 500; text-decoration: none;}.navbar-nav .nav-link:hover {background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue)); color: white !important;transform: translateY(-2px); box-shadow: 0 8px 20px rgba(59, 130, 246, 0.3);}.navbar-nav .nav-link i { font-size: 1rem; width: 18px; text-align: center; color: #559af8; transition: all 0.3s ease; }.navbar-nav .nav-link:hover i { color: white; }.nav-text { font-size: 0.95rem; }.dropdown-menu {background: var(--bg-card); border: 2px solid var(--border-color); border-radius: 16px;box-shadow: 0 12px 40px var(--shadow-medium); padding: 0.5rem; margin-top: 0.5rem;}.dropdown-item {display: flex; align-items: center; gap: 0.8rem; padding: 0.8rem 1rem; border-radius: 12px;transition: all 0.3s ease; color: var(--text-primary); font-weight: 500;}.dropdown-item:hover { background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue)); color: white; transform: translateX(4px); }.dropdown-item i { width: 18px; text-align: center; color: #0dcaf0; transition: all 0.3s ease; }.dropdown-item:hover i { color: white; }.dropdown-divider { border-color: var(--border-color); margin: 0.5rem 0; }.cart-link { position: relative; }.cart-container { position: relative; display: flex; align-items: center; }.theme-toggle-nav {display: flex; align-items: center; gap: 0.3rem; padding: 0.6rem 1rem; background: var(--bg-accent);border: 2px solid var(--border-color); border-radius: 25px; cursor: pointer; transition: all 0.3s ease; margin: 0 0.5rem;}.theme-toggle-nav:hover {border-color: var(--primary-blue); background: var(--primary-blue); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(59, 130, 246, 0.3);}.theme-toggle-nav i { font-size: 0.9rem; transition: all 0.3s ease; color: var(--text-primary); }.theme-toggle-nav:hover i { color: white; }[data-theme="dark"] .theme-toggle-nav .sun-icon { opacity: 0.5; }[data-theme="dark"] .theme-toggle-nav .moon-icon { opacity: 1; color: var(--accent-orange); }.theme-toggle-nav .sun-icon { opacity: 1; color: var(--accent-orange); }.theme-toggle-nav .moon-icon { opacity: 0.5; }.user-menu { background: var(--accent-orange); color: white; border-radius: 25px; padding: 0.6rem 1.2rem; }.user-menu:hover { background: linear-gradient(135deg, #059669, var(--accent-green)) !important; transform: translateY(-2px) scale(1.05); }.user-menu i { color: white !important; }.user-avatar {width: 28px; height: 28px; background: rgba(255, 255, 255, 0.2); border-radius: 50%;display: flex; align-items: center; justify-content: center; font-size: 0.8rem;}.logout-menu { background: linear-gradient(135deg, var(--danger), #B91C1C) !important; color: white !important; border-radius: 25px !important; }.logout-menu:hover { background: linear-gradient(135deg, #B91C1C, var(--danger)) !important; transform: translateY(-2px) scale(1.05); }.logout-menu i { color: white !important; }.step-section { margin-bottom: 2.5rem; transition: all 0.3s ease; }.step-section.disabled { opacity: 0.5; pointer-events: none; }.step-header { display: flex; align-items: center; margin-bottom: 1rem; }.step-number-top {background: linear-gradient(135deg, var(--accent-orange), #D97706); color: white; width: 35px; height: 35px; border-radius: 50%;display: flex; align-items: center; justify-content: center; font-size: 1rem; font-weight: bold;box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3); margin-right: 1rem; flex-shrink: 0;}.step-divider { flex: 1; height: 2px; background: linear-gradient(90deg, var(--accent-orange), transparent); border-radius: 1px; }.region-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; }.servers-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 1rem; }.amounts-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 1rem; }.selection-card, .server-card, .amount-card {background: var(--bg-card); border: 2px solid var(--border-color); border-radius: 16px; padding: 1.2rem;cursor: pointer; transition: all 0.3s ease; position: relative;}.selection-card { border-radius: 20px; padding: 1.5rem; overflow: hidden; }.server-card { padding: 1rem; text-align: center; }.amount-card { display: flex; align-items: center; gap: 1rem; }.selection-card:hover, .server-card:hover, .amount-card:hover {border-color: var(--primary-blue); transform: translateY(-3px); box-shadow: 0 10px 25px var(--shadow-medium);}.selection-card:hover { transform: translateY(-4px); box-shadow: 0 12px 35px var(--shadow-medium); }.server-card:hover { transform: translateY(-2px); box-shadow: 0 8px 20px var(--shadow-medium); }.selection-card.active, .server-card.active, .amount-card.active {border-color: var(--accent-green); background: linear-gradient(135deg, var(--bg-card), rgba(16, 185, 129, 0.05));}.selection-card.active { box-shadow: 0 8px 25px rgba(16, 185, 129, 0.2); }.amount-card.popular { border-color: var(--accent-orange); }.card-icon { font-size: 2.5rem; margin-bottom: 1rem; text-align: center; }.card-title { font-size: 1.1rem; font-weight: bold; color: var(--text-primary); margin-bottom: 0.5rem; }.card-subtitle { color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 1rem; }.card-badge {background: linear-gradient(135deg, var(--accent-green), #059669); color: white; padding: 0.3rem 0.8rem;border-radius: 15px; font-size: 0.8rem; font-weight: 500; display: inline-block;}.card-check, .amount-check {position: absolute; width: 25px; height: 25px; background: var(--accent-green); border-radius: 50%;display: flex; align-items: center; justify-content: center; color: white; opacity: 0; transform: scale(0); transition: all 0.3s ease;}.card-check { top: 1rem; right: 1rem; }.amount-check { top: 0.5rem; right: 0.5rem; width: 20px; height: 20px; font-size: 0.7rem; }.selection-card.active .card-check, .amount-card.active .amount-check { opacity: 1; transform: scale(1); }.server-icon { font-size: 1.5rem; margin-bottom: 0.5rem; }.server-name { font-weight: bold; color: var(--text-primary); margin-bottom: 0.3rem; }.server-status { font-size: 0.8rem; color: var(--accent-green); font-weight: 500; }.amount-icon { font-size: 1.8rem; flex-shrink: 0; }.amount-title { font-weight: bold; color: var(--text-primary); font-size: 0.9rem; margin-bottom: 0.2rem; }.amount-price { font-size: 1.2rem; font-weight: bold; color: var(--accent-green); font-family: 'Fredoka One', monospace; }.price-section { margin: 2rem 0; text-align: center; }.price-container { display: inline-block; }.price-label { font-weight: bold; margin-bottom: 0.5rem; color: var(--text-primary); }.placeholder-message {text-align: center; padding: 2rem;background: var(--bg-accent);border-radius: 16px; border: 2px dashed var(--border-color);}.placeholder-message i { font-size: 2rem; margin-bottom: 1rem; display: block; }.input-group-text { border: 2px solid var(--border-color); border-right: none; border-radius: 16px 0 0 16px !important; }.input-group .form-control-modern { border-left: none; border-radius: 0 16px 16px 0 !important; }.form-text { font-size: 0.875rem; }.homepage-floating-cards, .floating-cards { position: relative; height: 500px; }.homepage-game-card, .game-card {position: absolute; background: var(--bg-card); border-radius: 20px; padding: 1.5rem;box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1); animation: floatCards 6s ease-in-out infinite;width: 180px; text-align: center; border: 2px solid var(--border-color);}.homepage-game-card:nth-child(1), .game-card:nth-child(1) { top: 0; right: 0; }.homepage-game-card:nth-child(2), .game-card:nth-child(2) { top: 120px; left: 0; }.homepage-game-card:nth-child(3), .game-card:nth-child(3) { bottom: 120px; right: 20px; }.homepage-game-card:nth-child(4), .game-card:nth-child(4) { bottom: 0; left: 40px; }.homepage-game-icon, .game-icon { font-size: 2.5rem; margin-bottom: 1rem; }.homepage-game-name, .game-name { font-weight: bold; color: var(--text-primary); margin-bottom: 0.5rem; }.homepage-game-price, .game-price { color: var(--accent-green); font-weight: 600; font-size: 0.9rem; }.homepage-hero-decoration, .hero-decoration { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }.homepage-decoration-circle, .decoration-circle {position: absolute; border-radius: 50%; background: linear-gradient(45deg, rgba(255, 255, 255, 0.1), transparent);animation: decorationFloat 8s ease-in-out infinite;}.homepage-circle-1, .circle-1 { width: 100px; height: 100px; top: 10%; left: 10%; animation-delay: 0s; }.homepage-circle-2, .circle-2 { width: 60px; height: 60px; top: 60%; right: 20%; animation-delay: -2s; }.homepage-circle-3, .circle-3 { width: 80px; height: 80px; bottom: 20%; left: 60%; animation-delay: -4s; }.homepage-games-section, .games-section { padding: 6rem 0; background: var(--bg-secondary); }.homepage-game-showcase-card, .game-showcase-card {background: var(--bg-card); border-radius: 24px; overflow: hidden; transition: all 0.4s ease;box-shadow: 0 8px 32px var(--shadow-light); position: relative; border: 2px solid var(--border-color);}.homepage-game-showcase-card:hover, .game-showcase-card:hover {transform: translateY(-12px) scale(1.02); box-shadow: 0 25px 60px var(--shadow-medium); border-color: var(--primary-blue);}.homepage-game-image, .game-image {height: 200px; position: relative; overflow: hidden; background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));}.homepage-game-image img, .game-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }.homepage-game-showcase-card:hover .homepage-game-image img, .game-showcase-card:hover .game-image img { transform: scale(1.1); }.homepage-game-overlay, .game-overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0;background: linear-gradient(135deg, rgba(59, 130, 246, 0.8), rgba(96, 165, 250, 0.6));display: flex; align-items: center; justify-content: center;}.homepage-game-emoji, .game-emoji { font-size: 4rem; filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.3)); }.homepage-game-info, .game-info { padding: 2rem; }.homepage-game-title, .game-title {font-size: 1.3rem; font-weight: bold; color: var(--text-primary); margin-bottom: 0.5rem; font-family: 'Fredoka One', sans-serif;}.homepage-game-description, .game-description { color: var(--text-secondary); margin-bottom: 1.5rem; font-size: 0.95rem; }.homepage-game-pricing, .game-pricing { display: flex; align-items: baseline; gap: 0.5rem; margin-bottom: 1.5rem; }.homepage-price-from, .price-from {font-size: 0.8rem; }.homepage-price-value, .price-value { color: var(--accent-green); font-size: 1.5rem; font-weight: bold; font-family: 'Fredoka One', monospace; }.homepage-popular-badge, .popular-badge {position: absolute; top: 1rem; right: 1rem; background: linear-gradient(135deg, var(--accent-orange), #D97706);color: white; padding: 0.4rem 0.8rem; border-radius: 15px; font-size: 0.75rem; font-weight: bold;display: flex; align-items: center; gap: 0.3rem; box-shadow: 0 4px 15px rgba(245, 158, 11, 0.4);}.homepage-why-choose-us, .why-choose-us { padding: 6rem 0; background: var(--bg-primary); }.homepage-feature-card-premium, .feature-card.premium { position: relative; overflow: hidden; }.homepage-feature-card-premium::before, .feature-card.premium::before {content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.05), transparent); transition: left 0.6s;}.homepage-feature-card-premium:hover::before, .feature-card.premium:hover::before { left: 100%; }.homepage-testimonials-section, .testimonials-section { padding: 6rem 0; background: var(--bg-secondary); }.homepage-testimonial-card, .testimonial-card {background: var(--bg-card); border-radius: 20px; padding: 2rem; box-shadow: 0 8px 32px var(--shadow-light);border: 2px solid var(--border-color); transition: all 0.3s ease; height: 100%;}.homepage-testimonial-card:hover, .testimonial-card:hover {transform: translateY(-8px); box-shadow: 0 20px 50px var(--shadow-medium); border-color: var(--primary-blue);}.homepage-testimonial-content, .testimonial-content { margin-bottom: 1.5rem; }.homepage-testimonial-content p, .testimonial-content p {font-style: italic; color: var(--text-primary); font-size: 1.05rem; line-height: 1.6; margin: 0;}.homepage-testimonial-author, .testimonial-author { display: flex; align-items: center; gap: 1rem; }.homepage-author-avatar, .author-avatar {width: 50px; height: 50px; background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2rem;}.homepage-author-name, .author-name { font-weight: bold; color: var(--text-primary); }.homepage-author-game, .author-game { color: var(--text-muted); font-size: 0.9rem; }.homepage-cta-section, .cta-section { padding: 5rem 0; background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue)); color: white; }.homepage-cta-content, .cta-content {background: rgba(255, 255, 255, 0.1); border-radius: 24px; padding: 3rem;backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2);}.homepage-cta-title, .cta-title { font-size: 2.5rem; font-weight: bold; margin-bottom: 1rem; font-family: 'Fredoka One', cursive;color: white; }.homepage-cta-description, .cta-description { font-size: 1.1rem;color: rgba(255, 255, 255, 0.9);margin-bottom: 2.5rem;max-width: 500px;margin-left: auto;margin-right: auto;line-height: 1.6; }.homepage-games-cta-section, .games-cta-section { margin-top: 4rem; padding: 0 1rem; }.homepage-cta-container, .cta-container {background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue), var(--accent-purple));border-radius: 32px; position: relative; overflow: hidden; padding: 3rem; text-align: center;box-shadow: 0 20px 60px rgba(59, 130, 246, 0.3);}.homepage-cta-background, .cta-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.1; pointer-events: none; }.homepage-floating-icons, .floating-icons { position: relative; width: 100%; height: 100%; }.homepage-float-icon, .float-icon { position: absolute; font-size: 2rem; animation: floatAround 8s ease-in-out infinite; opacity: 0.6; }.homepage-float-icon:nth-child(1), .float-icon:nth-child(1) { top: 10%; left: 10%; animation-delay: 0s; }.homepage-float-icon:nth-child(2), .float-icon:nth-child(2) { top: 20%; right: 15%; animation-delay: -1.6s; }.homepage-float-icon:nth-child(3), .float-icon:nth-child(3) { bottom: 30%; left: 20%; animation-delay: -3.2s; }.homepage-float-icon:nth-child(4), .float-icon:nth-child(4) { bottom: 15%; right: 25%; animation-delay: -4.8s; }.homepage-float-icon:nth-child(5), .float-icon:nth-child(5) { top: 50%; left: 50%; animation-delay: -6.4s; }.homepage-cta-content-inner, .cta-content { position: relative; z-index: 2; }.homepage-cta-badge, .cta-badge {display: inline-flex; align-items: center; gap: 0.5rem; background: rgba(255, 255, 255, 0.2); color: white;padding: 0.6rem 1.2rem; border-radius: 25px; font-size: 0.9rem; font-weight: 500; margin-bottom: 1.5rem;backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.3);}.homepage-cta-title-inner { font-family: 'Fredoka One', cursive; font-size: 2.5rem; color: white; margin-bottom: 1rem; text-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); }.homepage-cta-description-inner {font-size: 1.1rem; color: rgba(255, 255, 255, 0.9); margin-bottom: 2.5rem; max-width: 500px;margin-left: auto; margin-right: auto; line-height: 1.6;}.homepage-cta-buttons, .cta-buttons { display: flex; flex-direction: column; align-items: center; gap: 2rem; }.homepage-btn-discover, .btn-discover {display: inline-block; background: linear-gradient(135deg, var(--accent-orange), var(--accent-pink)); color: white;padding: 1.2rem 3rem; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 1.1rem;position: relative; overflow: hidden; transition: all 0.3s ease; box-shadow: 0 8px 30px rgba(245, 158, 11, 0.4);border: 2px solid rgba(255, 255, 255, 0.3);}.homepage-btn-discover:hover, .btn-discover:hover {transform: translateY(-4px) scale(1.05); box-shadow: 0 15px 40px rgba(245, 158, 11, 0.6); color: white;}.homepage-btn-text, .btn-text { position: relative; z-index: 2; display: flex; align-items: center; }.homepage-btn-shimmer, .btn-shimmer {position: absolute; top: 0; left: -100%; width: 100%; height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent); transition: left 0.5s;}.homepage-btn-discover:hover .homepage-btn-shimmer, .btn-discover:hover .btn-shimmer { left: 100%; }.homepage-cta-stats, .cta-stats { display: flex; gap: 2rem; justify-content: center; flex-wrap: wrap; }.homepage-stat, .stat { text-align: center; color: white; }.homepage-stat-number { font-size: 1.5rem; font-weight: bold; font-family: 'Fredoka One', cursive; margin-bottom: 0.3rem; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); }.homepage-stat-label { font-size: 0.8rem; opacity: 0.8; text-transform: uppercase; letter-spacing: 1px; }.footer-modern { background: linear-gradient(135deg, var(--bg-card), var(--bg-secondary)); position: relative; overflow: hidden; margin-top: 4rem; }.footer-main { padding: 4rem 0 2rem; }.footer-section { height: 100%; }.footer-section {background: var(--bg-card);padding: 3rem 0px 2rem;border-top: 2px solid var(--border-color);}.footer-brand-logo { display: flex; align-items: center; gap: 0.8rem; margin-bottom: 1.5rem; }.footer-icon {font-size: 2rem; background: linear-gradient(135deg, var(--primary-blue), var(--accent-orange));-webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));}.footer-brand-logo h5 {font-family: 'Fredoka One', cursive; color: var(--text-primary); margin: 0; font-size: 1.3rem;background: linear-gradient(45deg, var(--primary-blue), var(--accent-green)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}.footer-description { color: var(--text-secondary); line-height: 1.6; margin-bottom: 1.5rem; font-size: 0.95rem; }.footer-badges { display: flex; gap: 0.8rem; flex-wrap: wrap; }.footer-badge {background: linear-gradient(135deg, var(--accent-green), #059669); color: white; padding: 0.4rem 0.8rem; border-radius: 15px;font-size: 0.8rem; font-weight: 500; display: flex; align-items: center; gap: 0.4rem; box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);}.footer-title {color: var(--info); font-weight: bold; font-size: 1rem; margin-bottom: 1rem; font-family: 'Fredoka One', sans-serif; position: relative;}.footer-title::after {content: ''; position: absolute; bottom: -5px; left: 0; width: 30px; height: 2px;background: linear-gradient(90deg, var(--accent-orange), transparent); border-radius: 1px;}.footer-links { list-style: none; padding: 0; margin: 0; }.footer-links li { margin-bottom: 0.6rem; }.footer-links a {color: var(--text-secondary); text-decoration: none; transition: all 0.3s ease; font-size: 0.9rem; display: flex; align-items: center;}.footer-links a:hover { color: var(--primary-blue); transform: translateX(5px); }.footer-links a i { color: var(--accent-orange); font-size: 0.8rem; }.footer-contact-info { margin-bottom: 1.5rem; }.contact-item { display: flex; align-items: center; gap: 0.8rem; margin-bottom: 0.8rem; color: var(--text-secondary); font-size: 0.9rem; }.contact-item i { color: var(--accent-orange); width: 20px; text-align: center; }.contact-item a { color: var(--text-secondary); text-decoration: none; transition: color 0.3s ease; }.contact-item a:hover { color: var(--primary-blue); }.payment-methods { display: flex; gap: 0.8rem; flex-wrap: wrap; }.payment-icon {width: 40px; height: 40px; background: var(--bg-accent); border: 2px solid var(--border-color); border-radius: 8px;display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; cursor: pointer;}.payment-icon:hover { background: var(--primary-blue); border-color: var(--primary-blue); transform: translateY(-2px); }.payment-icon i { color: var(--text-primary); font-size: 1.2rem; transition: color 0.3s ease; }.payment-icon:hover i { color: white; }.footer-guarantees {background: rgba(59, 130, 246, 0.05); border-radius: 20px; padding: 2rem; margin: 2rem 0; border: 1px solid rgba(59, 130, 246, 0.1);}.guarantee-item { display: flex; align-items: center; gap: 1rem; text-align: left; }.guarantee-item i { font-size: 1.5rem; color: var(--accent-green); flex-shrink: 0; }.guarantee-item strong { display: block; color: var(--text-primary); font-size: 0.9rem; font-weight: 600; margin-bottom: 0.2rem; }.guarantee-item span {font-size: 0.8rem; }.footer-divider { border: none; height: 1px; background: linear-gradient(90deg, transparent, var(--border-color), transparent); margin: 2rem 0 1.5rem; }.footer-bottom { padding-bottom: 2rem; }.copyright-text { color: var(--text-secondary); margin: 0; font-size: 0.9rem; }.footer-links-bottom { display: flex; gap: 1.5rem; justify-content: flex-end; flex-wrap: wrap; }.footer-links-bottom a {text-decoration: none; font-size: 0.9rem; transition: color 0.3s ease; }.footer-links-bottom a:hover { color: var(--primary-blue); }.footer-decoration { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; opacity: 0.03; }.decoration-pattern {width: 100%; height: 100%;background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="currentColor"/><circle cx="80" cy="40" r="1.5" fill="currentColor"/><circle cx="40" cy="80" r="1" fill="currentColor"/><polygon points="60,10 65,15 75,15 67,22 70,32 60,27 50,32 53,22 45,15 55,15" fill="currentColor"/></svg>');color: var(--primary-blue);}@supports not (font-family: "Apple Color Emoji") {.brand-icon { font-size: 0; }.brand-icon::before { display: inline-block; font-size: 2rem; }}.brand-icon::before { content: "\f11b"; font-family: "Font Awesome 6 Free"; font-weight: 900; display: none; color: var(--primary-blue); }@supports not (-webkit-background-clip: text) {.brand-name { background: none; color: var(--primary-blue) !important; -webkit-text-fill-color: var(--primary-blue) !important; }.brand-icon { background: none; color: var(--primary-blue) !important; -webkit-text-fill-color: var(--primary-blue) !important; }}@media screen and (-webkit-min-device-pixel-ratio: 0) {.brand-icon { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }}@media (max-width: 991px) {.navbar-modern { padding: 0.8rem 0; }.brand-name { font-size: 1.3rem; }.brand-tagline { font-size: 0.7rem; }.navbar-collapse { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--border-color); }.navbar-nav .nav-link { margin: 0.2rem 0; text-align: center; }.nav-text { display: inline !important; font-size: 1rem !important; margin-left: 0.5rem; }.navbar-nav { text-align: center; }.navbar-nav .nav-link { justify-content: center; padding: 1rem !important; font-size: 1.1rem; }.user-menu .nav-text { font-weight: 600 !important; }.homepage-hero-title, .hero-title { font-size: 2.8rem; }.homepage-hero-features, .hero-features { gap: 1rem; }.homepage-hero-stats, .hero-stats { gap: 2rem; justify-content: center; }.homepage-floating-cards, .floating-cards { height: 400px; }.homepage-game-card, .game-card { width: 150px; }.footer-main { padding: 3rem 0 1.5rem; }.footer-guarantees { padding: 1.5rem; }.guarantee-item { margin-bottom: 1rem; }.footer-links-bottom { justify-content: center; margin-top: 1rem; }.footer-contact { text-align: left; margin-top: 2rem; }}@media (max-width: 768px) {.brand-text { display: flex !important; }.brand-name { font-size: 1rem !important; }.cart-container { justify-content: center; }.nav-text { display: inline !important; }.game-title { font-size: 2.8rem; }.modern-card { padding: 2rem; }.price-display { font-size: 2.2rem; padding: 2rem; }.process-timeline { flex-direction: column; }.process-arrow { transform: rotate(90deg); margin: 1rem 0; }.tips-grid { grid-template-columns: 1fr; }.trust-badges { gap: 1rem; }.feature-card { margin-bottom: 2rem; }.theme-toggle { top: 10px; right: 10px; padding: 0.4rem 0.8rem; }.region-cards { grid-template-columns: 1fr; }.servers-grid { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }.amounts-grid { grid-template-columns: 1fr; }.amount-card { flex-direction: column; text-align: center; }.homepage-hero, .hero-homepage { padding: 2rem 0; }.homepage-hero-title, .hero-title { font-size: 2.2rem; }.homepage-hero-features, .hero-features { flex-direction: column; gap: 0.8rem; }.homepage-hero-actions, .hero-actions { margin-bottom: 2rem; }.homepage-hero-actions .btn, .hero-actions .btn { display: block; width: 100%; margin-bottom: 1rem; }.homepage-floating-cards, .floating-cards { display: none; }.homepage-games-section, .games-section, .homepage-why-choose-us, .why-choose-us, .homepage-testimonials-section, .testimonials-section { padding: 4rem 0; }.homepage-cta-content, .cta-content { padding: 2rem; text-align: center; }.homepage-cta-title, .cta-title { font-size: 2rem; }.homepage-cta-container, .cta-container { padding: 2rem 1.5rem; border-radius: 24px; }.homepage-cta-title-inner { font-size: 2rem; }.homepage-cta-description-inner { font-size: 1rem; }.homepage-btn-discover, .btn-discover { padding: 1rem 2rem; font-size: 1rem; }.homepage-cta-stats, .cta-stats { gap: 1.5rem; }.homepage-floating-icons, .floating-icons { display: none; }.footer-brand-logo { justify-content: center; text-align: center; }.footer-description { text-align: center; }.footer-badges { justify-content: center; }.payment-methods { justify-content: center; }.guarantee-item { flex-direction: column; text-align: center; gap: 0.5rem; }.copyright-text { text-align: center; }.footer-links-bottom { justify-content: center; gap: 1rem; }}@media (max-width: 576px) {.hero-section { padding: 2.5rem 0; }.game-title { font-size: 2.2rem; }.section-title { font-size: 2.2rem; }.modern-card { padding: 1.5rem; }.card-header-custom { margin: -1.5rem -1.5rem 2rem -1.5rem; padding: 1rem 1.5rem; }.process-section, .tips-section { padding: 0.5rem; }.homepage-hero-title, .hero-title { font-size: 1.8rem; }.homepage-stat-number, .stat-number { font-size: 2rem; }.homepage-game-info, .game-info { padding: 1.5rem; }.homepage-cta-content, .cta-content { padding: 1.5rem; }.homepage-games-cta-section, .games-cta-section { margin-top: 3rem; }.homepage-cta-container, .cta-container { padding: 1.5rem 1rem; }.homepage-cta-title-inner { font-size: 1.6rem; }.homepage-cta-stats, .cta-stats { gap: 1rem; }.homepage-stat-number { font-size: 1.2rem; }.footer-main { padding: 2rem 0 1rem; }.footer-guarantees { padding: 1rem; }.footer-brand-logo h5 { font-size: 1.1rem; }.footer-links-bottom { flex-direction: column; align-items: center; gap: 0.8rem; }}.btn-hero-cta {background: linear-gradient(135deg, var(--accent-orange), var(--accent-pink));border: none;border-radius: 50px;padding: 1.2rem 3rem;font-weight: 600;font-size: 1.1rem;color: white;text-decoration: none;display: inline-flex;align-items: center;gap: 0.5rem;position: relative;overflow: hidden;transition: all 0.3s ease;box-shadow: 0 8px 30px rgba(245, 158, 11, 0.4);border: 2px solid rgba(255, 255, 255, 0.3);text-transform: uppercase;letter-spacing: 1px;}.btn-hero-cta::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);transition: left 0.5s;}.btn-hero-cta:hover {transform: translateY(-4px) scale(1.05);box-shadow: 0 15px 40px rgba(245, 158, 11, 0.6);color: white;text-decoration: none;}.btn-hero-cta:hover::before {left: 100%;}.btn-hero-cta i {font-size: 1.2rem;transition: transform 0.3s ease;}.btn-hero-cta:hover i {transform: translateX(3px);}.games-section-filter {padding: 2rem 2rem;background: var(--bg-secondary);}.badge-modern-filter { background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue));color: white;padding: 0.6rem 1.2rem;border-radius: 25px;font-size: 0.95rem;font-weight: 600;margin: 1.3rem;}@media (max-width: 768px) {.tips-grid {display: grid !important;grid-template-columns: repeat(4, 1fr) !important;gap: 0.3rem !important;}.tip-item {padding: 0.4rem 0.2rem !important;font-size: 0.75rem !important;text-align: center !important;display: flex !important;align-items: center !important;justify-content: center !important;}.tip-item i {display: none !important;}.tip-item span {font-size: 0.7rem !important;font-weight: 600 !important;}.hero-title {font-size: 2rem !important;}.hero-description {font-size: 1rem !important;}}.custom-muted {color: var(--text-muted);}.input-group {flex-wrap: nowrap ;}