.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0f0f0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);transition:var(--transition)}.navbar.scrolled{background:#0f0f0ff2;box-shadow:0 4px 20px #0000004d}.navbar-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;gap:3rem}.logo{position:relative}.logo img{height:40px;width:auto;transition:opacity .3s ease}.logo .logo-white{opacity:1}.logo .logo-blue{position:absolute;top:0;left:0;opacity:0}.logo:hover .logo-white,.logo.active .logo-white{opacity:0}.logo:hover .logo-blue,.logo.active .logo-blue{opacity:1}.nav-menu{display:flex;list-style:none;gap:3rem;margin:0}.nav-item{position:relative}.nav-link{color:var(--color-text);font-weight:500;font-size:.95rem;padding:.5rem 0;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.nav-link svg{transition:var(--transition)}.nav-item.dropdown:hover .nav-link svg{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:1rem;background:var(--color-dark-card);border:1px solid var(--color-border);border-radius:12px;padding:2rem;min-width:600px;box-shadow:0 20px 40px #00000080;animation:fadeInUp .3s ease-out}.dropdown-header{margin-bottom:1.5rem}.dropdown-header h3{font-size:1.5rem;margin-bottom:.5rem}.dropdown-header p{font-size:.9rem;color:var(--color-text-secondary)}.dropdown-games{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.dropdown-game-card{padding:1rem;border-radius:8px;background:#ffffff0d;border:1px solid transparent;transition:var(--transition)}.dropdown-game-card:hover{background:#8b5cf61a;border-color:var(--color-primary)}.dropdown-game-card h4{font-size:1rem;margin-bottom:.5rem}.dropdown-game-card p{font-size:.85rem;color:var(--color-text-secondary);margin:0}.navbar-right{display:flex;align-items:center;gap:1rem}.mobile-menu-btn{display:none;flex-direction:column;gap:4px;background:transparent;padding:.5rem}.mobile-menu-btn span{width:25px;height:2px;background:var(--color-text);transition:var(--transition)}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width: 991px){.navbar-left{gap:0}.nav-menu{position:fixed;top:80px;left:0;right:0;background:var(--color-dark-bg);flex-direction:column;padding:2rem;gap:0;transform:translateY(-100%);opacity:0;visibility:hidden;transition:var(--transition);border-top:1px solid var(--color-border)}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.nav-item{width:100%;padding:1rem 0;border-bottom:1px solid var(--color-border)}.nav-item:last-child{border-bottom:none}.dropdown-menu{position:static;transform:none;margin-top:1rem;min-width:auto}.dropdown-games{grid-template-columns:1fr}.mobile-menu-btn{display:flex}.navbar-right{display:none}}@media (max-width: 768px){.logo img{height:32px}}.footer{background:var(--color-dark-bg);padding:2rem 0;margin-top:auto;border-top:1px solid var(--color-border)}.footer-content{display:flex;justify-content:space-between;gap:2rem;margin-bottom:0}.footer-left{display:flex;flex-direction:column;gap:.5rem}.footer-logo img{height:35px;width:auto}.footer-links-inline{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.footer-links-inline .footer-link{color:var(--color-text-secondary);font-size:.8rem;transition:var(--transition)}.footer-links-inline .footer-link:hover{color:var(--color-primary)}.footer-links-inline .separator{color:var(--color-text-secondary);font-size:.8rem}.footer-copyright{color:var(--color-text-secondary);font-size:.75rem;margin:0}.footer-social{display:flex;flex-direction:column;gap:.75rem;align-items:flex-end}.footer-social h4{font-size:1.1rem;line-height:1.3;margin:0;text-align:right}.footer-social .highlight{color:var(--color-primary)}.social-links{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}.social-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:8px;transition:var(--transition)}.social-link:hover{background:var(--color-primary);transform:translateY(-3px)}.social-link img{width:16px;height:16px;filter:brightness(0) invert(1)}@media (max-width: 991px){.footer-content{flex-direction:column-reverse;gap:3rem}}@media (max-width: 640px){.footer{padding:1.5rem 0}.footer-content{gap:3rem}.footer-left{align-items:center;text-align:center}.footer-links-inline{justify-content:center}.footer-social{align-items:center}.footer-social h4{font-size:1rem;text-align:center}.social-links{justify-content:center}}.hero{position:relative;height:100vh;min-height:600px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;z-index:0}.hero-content{position:relative;z-index:2;max-width:800px;padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:2rem}.hero-content .tag{animation-delay:.1s}.hero-content h1{animation-delay:.2s;margin:0}.hero-content .btn{animation-delay:.3s}@media (max-width: 768px){.hero{min-height:500px}.hero-content h1{font-size:2.5rem}}.games-section{padding:6rem 0;background:var(--color-dark-bg)}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.game-card{position:relative;height:610px;border-radius:12px;overflow:hidden;cursor:pointer}.game-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.5) 40%,transparent 100%);display:flex;align-items:flex-end;padding:2rem;transition:var(--transition)}.game-content{width:100%;transform:translateY(0);transition:var(--transition)}.game-content h3{font-size:1.75rem;margin-bottom:.5rem}.game-content p{margin-bottom:1rem;opacity:.9}.game-card:hover .game-image{transform:scale(1.1)}.game-card:hover .game-overlay{background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.3) 30%,transparent 100%)}@media (max-width: 991px){.games-grid{grid-template-columns:repeat(2,1fr)}.game-card{height:450px}}@media (max-width: 640px){.games-section{padding:4rem 0}.games-grid{grid-template-columns:1fr}.game-card{height:500px}}.home{flex:1}.pattern-bg{position:relative;overflow:hidden}.pattern-bg:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(139,92,246,.03) 10px,rgba(139,92,246,.03) 20px);pointer-events:none}.pattern-bg-both:before{width:100%}.pattern-bg-left:before{right:auto;left:0}.games-page{flex:1}.games-page .games-section{padding:10rem 0}.games-page .section-header{text-align:center;margin-bottom:3rem}.games-page .section-header h2{margin:0}.support-page{flex:1;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 160px);padding:6rem 0;background:var(--color-dark-bg)}.support-content{text-align:center;max-width:800px;padding:0 20px}.support-content h1{margin-bottom:2rem;font-size:clamp(2rem,4vw,3rem)}.support-content p{font-size:1.25rem;color:var(--color-text-secondary);margin:0}.support-content a{color:var(--color-primary);text-decoration:none;transition:var(--transition);border-bottom:2px solid transparent}.support-content a:hover{border-bottom-color:var(--color-primary)}@media (max-width: 768px){.support-page{padding:4rem 0}.support-content h1{font-size:1.75rem}.support-content p{font-size:1.1rem}}.privacy-policy-page{padding:6rem 0 4rem;min-height:calc(100vh - 200px)}.privacy-policy-page .content-wrapper{max-width:900px;margin:0 auto}.privacy-policy-page h1{font-size:2.5rem;margin-bottom:2rem;color:var(--color-text)}.privacy-policy-page h2{font-size:1.75rem;margin-top:3rem;margin-bottom:1rem;color:var(--color-text)}.privacy-policy-page h3{font-size:1.25rem;margin-top:2rem;margin-bottom:1rem;color:var(--color-text)}.privacy-policy-page p{line-height:1.8;margin-bottom:1.5rem;color:var(--color-text-secondary)}.privacy-policy-page ul{margin:1.5rem 0;padding-left:2rem}.privacy-policy-page li{line-height:1.8;margin-bottom:.5rem;color:var(--color-text-secondary)}.privacy-policy-page a{color:var(--color-text);text-decoration:none;transition:var(--transition)}.privacy-policy-page a:hover{text-decoration:underline}.privacy-policy-page .table-wrapper{overflow-x:auto;margin:2rem 0}.privacy-policy-page table{width:100%;border-collapse:collapse;background:var(--color-dark-bg);border-radius:8px;overflow:hidden}.privacy-policy-page th,.privacy-policy-page td{padding:1rem;text-align:left;border-bottom:1px solid var(--color-border)}.privacy-policy-page th{background:#ffffff0d;color:var(--color-text);font-weight:500}.privacy-policy-page td{color:var(--color-text-secondary)}.privacy-policy-page td strong{color:var(--color-text)}.privacy-policy-page tr:last-child td{border-bottom:none}@media (max-width: 768px){.privacy-policy-page{padding:4rem 0 3rem}.privacy-policy-page h1{font-size:2rem}.privacy-policy-page h2{font-size:1.5rem}.privacy-policy-page h3{font-size:1.1rem}.privacy-policy-page th,.privacy-policy-page td{padding:.75rem;font-size:.9rem}}.terms-conditions-page{padding:6rem 0 4rem;min-height:calc(100vh - 200px)}.terms-conditions-page .content-wrapper{max-width:900px;margin:0 auto}.terms-conditions-page h1{font-size:2.5rem;margin-bottom:2rem;color:var(--color-text)}.terms-conditions-page h2{font-size:1.75rem;margin-top:3rem;margin-bottom:1rem;color:var(--color-text)}.terms-conditions-page h3{font-size:1.25rem;margin-top:2rem;margin-bottom:1rem;color:var(--color-text)}.terms-conditions-page p{line-height:1.8;margin-bottom:1.5rem;color:var(--color-text-secondary)}.terms-conditions-page ul{margin:1.5rem 0;padding-left:2rem}.terms-conditions-page li{line-height:1.8;margin-bottom:.75rem;color:var(--color-text-secondary)}.terms-conditions-page a{color:var(--color-text);text-decoration:none;transition:var(--transition)}.terms-conditions-page a:hover{text-decoration:underline}.terms-conditions-page strong{color:var(--color-text);font-weight:500}@media (max-width: 768px){.terms-conditions-page{padding:4rem 0 3rem}.terms-conditions-page h1{font-size:2rem}.terms-conditions-page h2{font-size:1.5rem}.terms-conditions-page h3{font-size:1.1rem}}.app{min-height:100vh;display:flex;flex-direction:column}.btn{padding:14px 32px;border-radius:8px;font-weight:500;font-size:1rem;transition:var(--transition);display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 10px 25px #8b5cf64d}.btn-light{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-light:hover{background:#fff3;transform:translateY(-2px)}.btn-text{background:transparent;color:#fff;padding:0;gap:4px}.btn-text:hover{color:var(--color-primary)}.btn-text svg{transition:var(--transition)}.btn-text:hover svg{transform:translate(5px)}.tag{display:inline-block;padding:6px 16px;background:#127ae433;border:1px solid var(--color-primary);border-radius:20px;font-size:.875rem;font-weight:500;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;flex-wrap:wrap;gap:1.5rem}.section-header h2{margin:0;max-width:600px}.card{background:var(--color-dark-card);border-radius:12px;overflow:hidden;transition:var(--transition);border:1px solid var(--color-border)}.card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000080;border-color:var(--color-primary)}.gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.6) 50%,transparent 100%);z-index:1}.video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out forwards}@media (max-width: 768px){.section-header{flex-direction:column;align-items:flex-start}.btn{width:100%;justify-content:center}}:root{--color-primary: #127ae4;--color-primary-dark: #0f62b8;--color-dark: #0f0f0f;--color-dark-bg: #1a1a1a;--color-dark-card: #1f1f1f;--color-text: #ffffff;--color-text-secondary: #a0a0a0;--color-border: #2a2a2a;--transition: all .3s ease;--font-fredoka: "Fredoka", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-fredoka);background-color:var(--color-dark);color:var(--color-text);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;margin-bottom:1rem}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}p{color:var(--color-text-secondary);margin-bottom:1rem}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;outline:none}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-dark-bg)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}