/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}details,main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;scroll-behavior:smooth}body{margin:0;font-family:Montserrat,sans-serif;background:linear-gradient(135deg,#fff 0,#f0f8ff 100%);color:#1a2332;line-height:1.6;overflow-x:hidden}h1,h2,h3{font-family:'Exo 2',sans-serif;font-weight:700}h1{margin:.67em 0;font-size:2.5rem}h2{font-size:2rem;margin-bottom:24px}h3{font-size:1.5rem}header{position:fixed;top:0;width:100%;background:rgba(10,18,32,.95);backdrop-filter:blur(10px);z-index:1000;padding:16px 0;box-shadow:0 4px 20px rgba(135,206,250,.3)}.header-container{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.logo{font-family:'Exo 2',sans-serif;font-size:2rem;font-weight:700;color:#fff;text-decoration:none;display:flex;align-items:center;transition:transform .3s}.logo img{width:60px}.logo:hover{transform:scale(1.05)}.logo .x-letter{color:#ff0844;font-size:2.5rem;text-shadow:0 0 10px rgba(255,8,68,.5)}.logo .number{background:linear-gradient(135deg,#87ceeb,#00bfff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}nav ul{display:flex;list-style:none;gap:16px}nav a{color:#fff;text-decoration:none;font-weight:500;transition:.3s;position:relative;padding:8px 0}nav a:hover{color:#87ceeb}nav a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#87ceeb,#00bfff);transition:width .3s}nav a:hover::after{width:100%}.auth-buttons{display:flex;gap:16px}.btn{padding:12px 32px;border-radius:25px;text-decoration:none;font-weight:600;transition:.3s;border:none;cursor:pointer;font-size:1rem}.btn-login{background:0 0;color:#fff;border:2px solid #87ceeb}.btn-login:hover{background:#87ceeb;box-shadow:0 0 15px rgba(135,206,250,.7);transform:translateY(-2px)}.btn-register{background:linear-gradient(135deg,#87ceeb 0,#00bfff 100%);color:#fff;box-shadow:0 4px 15px rgba(135,206,250,.4)}.btn-register:hover{background:linear-gradient(135deg,#00bfff 0,#87ceeb 100%);box-shadow:0 0 20px rgba(135,206,250,.8);transform:translateY(-2px)}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger span{width:25px;height:3px;background:#87ceeb;transition:.3s;border-radius:2px}.hero{margin-top:80px;min-height:600px;background:linear-gradient(135deg,#0a1220 0,#1a2840 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(135,206,250,.3) 0,transparent 70%);border-radius:50%;top:-200px;right:-200px;animation:4s ease-in-out infinite pulse}.hero::after{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(255,8,68,.2) 0,transparent 70%);border-radius:50%;bottom:-100px;left:-100px;animation:5s ease-in-out infinite reverse pulse}@keyframes pulse{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:.9}}.hero-content{text-align:center;color:#fff;z-index:1;padding:64px 24px;max-width:1200px}.hero h1{margin-bottom:24px;text-shadow:0 0 30px rgba(135,206,250,.6);line-height:1.3}.hero h1 .highlight{background:linear-gradient(135deg,#87ceeb,#00bfff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.3rem;margin-bottom:32px;opacity:.95;font-weight:300}.hero .btn-cta{background:linear-gradient(135deg,#ff0844 0,#ff4d6d 100%);color:#fff;padding:16px 48px;font-size:1.2rem;border-radius:50px;text-decoration:none;display:inline-block;transition:.3s;box-shadow:0 5px 25px rgba(255,8,68,.5);font-weight:700}.hero .btn-cta:hover{background:linear-gradient(135deg,#ff4d6d 0,#ff0844 100%);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 35px rgba(255,8,68,.7)}.game-categories{max-width:1400px;margin:-80px auto 64px;padding:0 24px;position:relative;z-index:2}.categories-grid{padding-top:80px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.category-card{background:linear-gradient(135deg,#fff 0,#f0f8ff 100%);border-radius:15px;padding:32px;text-align:center;cursor:pointer;transition:.3s;border:2px solid rgba(135,206,250,.3);box-shadow:0 0 20px rgba(135,206,250,.2);text-decoration:none;color:inherit;display:block;position:relative;overflow:hidden}.category-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(135,206,250,.3),transparent);transition:left .5s}.category-card:hover::before{left:100%}.category-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 10px 30px rgba(135,206,250,.4);border-color:#87ceeb}.category-icon{font-size:3.5rem;margin-bottom:16px;display:block;transition:transform .3s}.category-icon img{width:100%;border-radius:15px}.category-card h3{color:#1a2332;margin-bottom:8px;font-size:1.4rem}.category-card p{font-size:.95rem;color:#6b7280;font-weight:300}section{max-width:1400px;margin:80px auto;padding:0 24px}.section-header{text-align:center;margin-bottom:48px}.section-header h2{color:#1a2332;position:relative;display:inline-block;font-size:2.2rem}.section-header h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100px;height:4px;background:linear-gradient(90deg,#87ceeb,#00bfff);border-radius:2px}.section-description{color:#6b7280;max-width:800px;margin:16px auto 32px;text-align:center;font-size:1.1rem;line-height:1.8}.games-slider{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#87ceeb #f0f8ff;padding-bottom:8px}.games-slider::-webkit-scrollbar{height:10px}.games-slider::-webkit-scrollbar-track{background:#f0f8ff;border-radius:10px}.games-slider::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#87ceeb,#00bfff);border-radius:10px}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;padding-bottom:16px}.game-card{background:#fff;border-radius:15px;overflow:hidden;position:relative;transition:.3s;cursor:pointer;box-shadow:0 4px 15px rgba(135,206,250,.2);border:2px solid rgba(135,206,250,.2)}.game-card:hover{transform:scale(1.05);box-shadow:0 8px 25px rgba(135,206,250,.4);border-color:#87ceeb}.game-image{width:100%;height:200px;background:linear-gradient(135deg,#87ceeb 0,#00bfff 100%);display:flex;align-items:center;justify-content:center;font-size:3.5rem;color:#fff;position:relative}.game-image img{width:100%;height:100%;object-fit:cover}.game-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.game-card:hover .game-overlay{opacity:1}.play-btn{background:linear-gradient(135deg,#87ceeb,#00bfff);color:#fff;padding:12px 28px;border-radius:25px;font-weight:600;border:none;cursor:pointer;transition:.3s;box-shadow:0 4px 15px rgba(135,206,250,.5)}.play-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(135,206,250,.7)}.game-info{padding:16px;text-align:center;background:linear-gradient(135deg,#fff,#f8fbff)}.game-info h4{font-size:1.1rem;margin-bottom:8px;color:#1a2332;font-weight:600}.game-info p{font-size:.9rem;color:#6b7280;font-weight:300}.about{background:linear-gradient(135deg,#87ceeb 0,#00bfff 100%);padding:80px 24px;margin:80px auto;color:#fff;position:relative;overflow:hidden}.about::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:rgba(255,255,255,.1);border-radius:50%}.about-content{max-width:1400px;margin:0 auto;position:relative;z-index:1}.about .section-header h2{color:#fff}.about .section-header h2::after{background:#fff}.about .section-description{color:rgba(255,255,255,.95)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:48px}.feature-card{text-align:center;padding:40px 32px;background:rgba(255,255,255,.15);border-radius:15px;border:2px solid rgba(255,255,255,.3);transition:.3s;backdrop-filter:blur(10px);position:relative;overflow:hidden;cursor:pointer;outline:0;will-change:transform}.feature-card:hover{background:rgba(255,255,255,.25);transform:translateY(-10px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.feature-icon{font-size:4rem;margin-bottom:16px;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.5)}.feature-card h3{margin-bottom:16px;font-size:1.6rem}.feature-card p{line-height:1.8;opacity:.95}.feature-card .short-desc{margin-top:12px;color:rgba(255,255,255,.95)}.feature-details{position:absolute;left:0;right:0;bottom:0;height:100%;padding:26px;box-sizing:border-box;background:linear-gradient(180deg,rgba(3,18,45,0) 10%,rgba(3,18,45,.75) 100%);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transform:translateY(110%);transition:transform .36s cubic-bezier(.2,.9,.2,1),opacity .36s;opacity:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.feature-details h4{margin:0 0 10px;font-size:1.05rem;font-weight:600}.feature-details p{margin:0;line-height:1.6;font-size:.95rem;color:rgba(255,255,255,.95)}.feature-card.active .feature-details,.feature-card:focus-within .feature-details,.feature-card:hover .feature-details{transform:translateY(0);opacity:1}.feature-card:focus{box-shadow:0 6px 24px rgba(0,0,0,.18);transform:translateY(-6px);border-color:rgba(255,255,255,.45)}.feature-card,.feature-details{will-change:transform,opacity}.testimonials{background:linear-gradient(135deg,#f0f8ff 0,#fff 100%);padding:80px 24px;margin:80px auto}.testimonials-container{max-width:1400px;margin:0 auto}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-top:48px}.testimonial-card{background:#fff;padding:32px;border-radius:15px;box-shadow:0 4px 20px rgba(135,206,250,.2);position:relative;border:2px solid rgba(135,206,250,.2);transition:.3s}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(135,206,250,.3);border-color:#87ceeb}.testimonial-header{display:flex;align-items:center;margin-bottom:16px}.testimonial-avatar{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem;font-weight:700;margin-right:16px;box-shadow:0 4px 15px rgba(135,206,250,.4)}.testimonial-avatar img{width:100%;border-radius:50%}.testimonial-info h4{margin-bottom:4px;color:#1a2332;font-size:1.2rem}.testimonial-date{font-size:.9rem;color:#6b7280}.testimonial-rating{color:#fbbf24;margin-bottom:16px;font-size:1.2rem}.testimonial-text{color:#4b5563;font-style:italic;line-height:1.8;font-size:1rem}@media (max-width:980px){html{font-size:13px}.header-container nav{position:fixed;top:80px;left:-100%;width:100%;height:calc(100vh - 70px);background:rgba(10,18,32,.98);flex-direction:column;align-items:center;justify-content:flex-start;padding-top:48px;transition:left .3s}.header-container nav.active{left:0}.header-container nav ul{flex-direction:column;gap:24px;text-align:center}.auth-buttons{flex-direction:row;display:flex;gap:12px}nav{position:fixed;top:0;right:-100%;height:100%;width:260px;background:rgba(10,18,32,.98);backdrop-filter:blur(10px);box-shadow:-4px 0 20px rgba(0,0,0,.3);transition:right .3s;padding-top:80px}nav ul{flex-direction:column;gap:20px;padding-left:0;margin:0}nav.active{right:0}.hamburger{display:flex}.hero{min-height:500px}h1{font-size:2rem}h2{font-size:1.7rem}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.category-card{padding:24px 16px}.games-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.game-image{height:160px;font-size:2.5rem}.testimonials-grid{grid-template-columns:1fr}}@media (max-width:720px){.feature-details{height:85%;padding:18px;transform:translateY(100%)}}@media (min-width:769px) and (max-width:1024px){.categories-grid,.games-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:450px){.logo{font-size:1.2rem}.logo img{width:48px}.logo .x-letter{font-size:1.4rem}.btn{padding:6px 14px;font-size:.9rem}}footer{background:linear-gradient(135deg,#0a1220 0,#1a2840 100%);color:#fff;padding:64px 24px 24px;position:relative}footer::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#87ceeb,transparent)}.footer-container{max-width:1400px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:48px;margin-bottom:48px}.footer-section h3{margin-bottom:24px;color:#87ceeb;font-size:1.4rem}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:#9ca3af;text-decoration:none;transition:.3s;display:inline-block}.footer-links a:hover{color:#87ceeb;transform:translateX(5px)}.payment-methods{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}.payment-icon{width:70px;height:45px;background:linear-gradient(135deg,#fff,#f0f8ff);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#1a2332;box-shadow:0 2px 10px rgba(135,206,250,.3);transition:.3s}.payment-icon:hover{transform:scale(1.1);box-shadow:0 4px 15px rgba(135,206,250,.5)}.footer-bottom{border-top:1px solid rgba(135,206,250,.2);padding-top:24px;text-align:center;color:#9ca3af}.footer-bottom p{margin-bottom:8px}.age-warning{color:#ff0844;font-weight:600;margin-top:16px;font-size:1.1rem}