@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap');:root{--bg-color:#0B0F19;--surface-color:#151A25;--primary-color:#8B5CF6;--primary-glow:rgba(139, 92, 246, 0.4);--secondary-color:#06B6D4;--secondary-glow:rgba(6, 182, 212, 0.4);--text-color:#F3F4F6;--text-muted:#9CA3AF;--success-color:#10B981;--error-color:#EF4444;--border-radius:12px;--transition-speed:0.3s;--font-main:'Outfit', sans-serif;--header-bg:rgba(11, 15, 25, 0.9);}:root.light{--bg-color:#F3F4F6;--surface-color:#FFFFFF;--primary-color:#7C3AED;--primary-glow:rgba(124, 58, 237, 0.2);--secondary-color:#0891B2;--secondary-glow:rgba(8, 145, 178, 0.2);--text-color:#111827;--text-muted:#4B5563;--header-bg:rgba(243, 244, 246, 0.9);}*{margin:0;padding:0;box-sizing:border-box;}body{background-color:var(--bg-color);background-image:radial-gradient(circle at 50% 10%, var(--primary-glow) 0%, transparent 40%), linear-gradient(rgba(139, 92, 246, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(139, 92, 246, 0.03) 1px, transparent 1px);background-size:100% 100%, 40px 40px, 40px 40px;background-attachment:fixed;color:var(--text-color);font-family:var(--font-main);line-height:1.6;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;opacity:0;transition:opacity 0.5s ease-in-out, background-color var(--transition-speed);}body.loaded{opacity:1;}a{text-decoration:none;color:inherit;transition:var(--transition-speed);}ul{list-style:none;}h1, h2, h3, h4, h5, h6{font-weight:700;line-height:1.2;margin-bottom:0.5rem;}h1{font-size:3.5rem;background:linear-gradient(135deg, var(--text-color) 0%, var(--primary-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px var(--primary-glow);}h2{font-size:2.5rem;position:relative;display:inline-block;}h2::after{content:'';position:absolute;bottom:-5px;left:0;width:60px;height:3px;background:var(--secondary-color);box-shadow:0 0 10px var(--secondary-glow);}p{color:var(--text-muted);margin-bottom:1rem;}.container{width:90%;max-width:1200px;margin:0 auto;padding:2rem 0;}header{background:var(--header-bg);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(255, 255, 255, 0.05);transition:background var(--transition-speed), box-shadow var(--transition-speed);}nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;}.nav-links{display:flex;gap:2rem;}.mobile-menu-btn{display:none;font-size:1.5rem;cursor:pointer;background:none;border:none;color:var(--text-color);padding:0.5rem;}@media (max-width:768px){.nav-links{position:fixed;top:0;right:-100%;width:70%;height:100vh;background:var(--surface-color);flex-direction:column;justify-content:center;align-items:center;transition:0.4s;z-index:2000;gap:3rem;box-shadow:-10px 0 30px rgba(0, 0, 0, 0.5);}.nav-links.active{right:0;}.mobile-menu-btn{display:block;}}.btn{display:inline-block;padding:0.8rem 2rem;border-radius:50px;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;position:relative;overflow:hidden;transition:var(--transition-speed);}.btn-primary{background:var(--primary-color);color:white;box-shadow:0 4px 15px var(--primary-glow);}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-glow);}.btn-primary:active{transform:translateY(0);}.hero{text-align:center;padding:8rem 0;position:relative;}.hero::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:600px;height:600px;background:radial-gradient(circle, var(--primary-glow) 0%, transparent 70%);z-index:-1;opacity:0.5;}.grid-games{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;padding:2rem 0;}@media (max-width:480px){.grid-games{grid-template-columns:1fr;}}.game-card{background:var(--surface-color);border-radius:var(--border-radius);padding:1.5rem;border:1px solid rgba(255, 255, 255, 0.05);transition:var(--transition-speed);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;}.game-card:hover{transform:translateY(-8px);box-shadow:0 10px 30px rgba(0, 0, 0, 0.3);border-color:var(--primary-color);}.game-card h3{font-size:1.5rem;margin-bottom:0.5rem;color:var(--text-color);}.game-card p{font-size:0.9rem;margin-bottom:1.5rem;}.game-card .play-btn{align-self:flex-start;color:var(--secondary-color);font-weight:600;display:flex;align-items:center;gap:0.5rem;}.game-card .play-btn::after{content:'→';transition:margin-left 0.3s;}.game-card:hover .play-btn::after{margin-left:5px;}footer{background:#0F172A;border-top:1px solid rgba(255, 255, 255, 0.05);padding:4rem 0 2rem;margin-top:4rem;}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:3rem;margin-bottom:3rem;}.footer-col h4{color:white;margin-bottom:1.5rem;font-size:1.1rem;position:relative;}.footer-col h4::after{content:'';position:absolute;bottom:-8px;left:0;width:30px;height:2px;background:var(--primary-color);}.footer-col ul{list-style:none;padding:0;}.footer-col ul li{margin-bottom:0.8rem;}.footer-col ul li a{color:var(--text-muted);transition:color 0.2s;font-size:0.95rem;}.footer-col ul li a:hover{color:var(--primary-color);}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255, 255, 255, 0.05);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}.social-links{display:flex;gap:1.5rem;}.social-links a{font-size:1.2rem;color:var(--text-muted);transition:transform 0.2s, color 0.2s;}.social-links a:hover{color:var(--secondary-color);transform:translateY(-3px);}.breadcrumbs{display:flex;align-items:center;gap:0.5rem;margin-bottom:2rem;font-size:0.9rem;color:var(--text-muted);}.breadcrumbs a{color:var(--primary-color);}.breadcrumbs span{opacity:0.5;}.error-container{height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}.error-code{font-size:8rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0;}.error-msg{font-size:1.5rem;margin-bottom:2rem;}.copyright{font-size:0.9rem;color:var(--text-muted);}.text-center{text-align:center;}.mb-2{margin-bottom:2rem;}.mt-2{margin-top:2rem;}.ad-container{width:100%;min-height:100px;background:rgba(255, 255, 255, 0.02);display:flex;justify-content:center;align-items:center;border:1px dashed rgba(255, 255, 255, 0.1);color:rgba(255, 255, 255, 0.2);margin:2rem 0;border-radius:var(--border-radius);}@media (max-width:768px){h1{font-size:2.5rem;}h2{font-size:2rem;}.nav-links{display:none;}}.btn-whatsapp{background:#25D366;color:white;box-shadow:0 4px 15px rgba(37, 211, 102, 0.4);margin-top:1rem;display:inline-flex;align-items:center;gap:0.5rem;}.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37, 211, 102, 0.5);background:#22c35e;}.leaderboard-container{background:var(--surface-color);padding:1.5rem;border-radius:var(--border-radius);margin-top:2rem;border:1px solid rgba(255, 255, 255, 0.05);}.leaderboard-table{width:100%;border-collapse:collapse;margin-top:1rem;}.leaderboard-table th, .leaderboard-table td{padding:0.8rem;text-align:left;border-bottom:1px solid rgba(255, 255, 255, 0.05);}.leaderboard-table th{color:var(--text-muted);font-weight:600;}.leaderboard-table tr:first-child td{color:#FFD700;font-weight:bold;}.leaderboard-table tr:nth-child(2) td{color:#C0C0C0;}.leaderboard-table tr:nth-child(3) td{color:#CD7F32;}.theme-toggle{background:var(--surface-color);border:1px solid rgba(255, 255, 255, 0.1);color:var(--text-color);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-speed);}.theme-toggle:hover{background:var(--primary-color);color:white;transform:rotate(15deg);}.back-to-top{position:fixed;bottom:30px;right:30px;background:var(--primary-color);color:white;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all var(--transition-speed);z-index:1000;box-shadow:0 4px 15px var(--primary-glow);}.back-to-top.visible{opacity:1;visibility:visible;}.back-to-top:hover{transform:translateY(-5px);box-shadow:0 6px 20px var(--primary-glow);}.nav-actions{display:flex;align-items:center;gap:1rem;}.filter-container{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;justify-content:center;align-items:center;}.search-input{background:var(--surface-color);border:1px solid rgba(255, 255, 255, 0.1);color:var(--text-color);padding:0.8rem 1.5rem;border-radius:50px;width:100%;max-width:400px;font-family:inherit;transition:var(--transition-speed);}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 10px var(--primary-glow);}.category-filter{display:flex;gap:0.5rem;flex-wrap:wrap;justify-content:center;}.cat-btn{padding:0.5rem 1.2rem;border-radius:20px;background:var(--surface-color);border:1px solid rgba(255, 255, 255, 0.1);color:var(--text-muted);cursor:pointer;transition:var(--transition-speed);font-size:0.9rem;}.cat-btn.active, .cat-btn:hover{background:var(--primary-color);color:white;border-color:var(--primary-color);}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.85);backdrop-filter:blur(8px);z-index:2000;justify-content:center;align-items:center;padding:1rem;}.modal.active{display:flex;}.modal-container{background:var(--surface-color);border:1px solid rgba(255, 255, 255, 0.1);border-radius:var(--border-radius);max-width:600px;width:100%;max-height:80vh;overflow-y:auto;padding:2rem;position:relative;box-shadow:0 20px 50px rgba(0,0,0,0.5);}.modal-close{position:absolute;top:1.5rem;right:1.5rem;font-size:1.5rem;cursor:pointer;color:var(--text-muted);transition:var(--transition-speed);}.modal-close:hover{color:var(--error-color);}.leaderboard-grid{display:grid;gap:1.5rem;margin-top:1.5rem;}.leaderboard-item{background:rgba(255, 255, 255, 0.02);padding:1rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;}.leaderboard-item h4{margin:0;font-size:1.1rem;}.leaderboard-item .score-val{color:var(--primary-color);font-weight:700;font-size:1.2rem;}