:root{--primary-color:#3a86ff;--secondary-color:#8338ec;--accent-color:#ff006e;--dark-color:#1a1a2e;--light-color:#f8f9fa;--success-color:#06d6a0;--warning-color:#ffbe0b;--danger-color:#ef476f}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background-color:var(--light-color)}.hero-section{background-image:url('../themes/main/assets/img/1.webp');background-size:cover;background-position:center;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:white;position:relative}.hero-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6)}.hero-content{position:relative;z-index:1;max-width:800px;padding:0 20px}.hero-content h1{font-size:4rem;margin-bottom:1rem;color:var(--warning-color);text-shadow:2px 2px 4px rgba(0,0,0,0.5)}.hero-content h2{font-size:2rem;font-weight:300;margin-bottom:2rem;text-shadow:1px 1px 2px rgba(0,0,0,0.5)}.join-section{background-image:url('../themes/main/assets/img/2.webp');background-size:cover;background-position:center;height:40vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:white;position:relative;padding:0 20px}.join-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}.join-content{position:relative;z-index:1;max-width:800px}.join-content h2{font-size:3rem;margin-bottom:1.5rem;color:var(--accent-color)}.join-content p{font-size:1.5rem;margin-bottom:2rem;line-height:1.6}.play-btn{background-color:var(--success-color);color:var(--dark-color);border:none;padding:1rem 2rem;font-size:1.2rem;border-radius:30px;font-weight:bold;cursor:pointer;transition:all 0.3s;text-decoration:none;display:inline-block}.play-btn:hover{background-color:var(--warning-color);transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,0.2)}.about-section{padding:5rem 2rem;background-color:var(--light-color);text-align:center}.about-content{max-width:800px;margin:0 auto 3rem}.about-content p{font-size:1.2rem;line-height:1.6;color:var(--dark-color)}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:0 2rem;max-width:1200px;margin:0 auto}.game-card{text-decoration:none;background-color:var(--light-color);border-radius:10px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:transform 0.3s,box-shadow 0.3s}.game-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.2)}.game-card img{width:100%;height:500px;object-fit:cover}.game-card h3{padding:1rem;color:var(--dark-color);font-size:1.3rem}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.hero-content h2{font-size:1.5rem}.join-content h2{font-size:2rem}.join-content p{font-size:1.2rem}}.why-choose-section{padding:5rem 2rem;background-color:var(--dark-color);color:var(--light-color);text-align:center}.section-title-why{font-size:2.5rem;margin-bottom:3rem;color:var(--warning-color);position:relative;display:inline-block}.section-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100px;height:3px;background-color:var(--accent-color)}.features-container{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;max-width:1200px;margin:0 auto 3rem}.feature-list{flex:1;min-width:300px;text-align:left;padding:2rem;background-color:rgba(255,255,255,0.1);border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.2)}.feature-list ul{list-style-type:none}.feature-list li{margin-bottom:1.5rem;position:relative;padding-left:2rem;line-height:1.6}.feature-list li::before{content:'•';color:var(--accent-color);font-size:2rem;position:absolute;left:0;top:-5px}.age-warning{background-color:var(--danger-color);color:white;padding:1rem 2rem;margin-bottom:24px;border-radius:30px;display:inline-flex;align-items:center;font-weight:bold;margin-top:1rem}.disclaimer{max-width:800px;margin:3rem auto 0;padding:1.5rem;background-color:rgba(255,255,255,0.1);border-left:4px solid var(--success-color);font-size:0.9rem;text-align:left}@media (max-width:768px){.section-title{font-size:2rem}.feature-list{min-width:100%}}.social-game-section{padding:5rem 2rem;background-color:var(--light-color);color:var(--dark-color)}.container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:3rem}.section-subtitle{font-size:1.2rem;color:var(--accent-color);margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px}.section-title{font-size:2.8rem;margin-bottom:1.5rem;color:var(--dark-color)}.intro-text{font-size:1.1rem;line-height:1.8;margin-bottom:3rem;text-align:center;max-width:900px;margin-left:auto;margin-right:auto}.mission-card{background-color:white;border-radius:10px;padding:2.5rem;margin-bottom:3rem;box-shadow:0 5px 20px rgba(0,0,0,0.05)}.mission-title{font-size:1.8rem;color:var(--accent-color);margin-bottom:1.5rem;text-align:center}.mission-text{font-size:1.1rem;line-height:1.8}.features-title{font-size:2rem;text-align:center;margin:3rem 0;color:var(--dark-color)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.feature-card{background-color:white;border-radius:10px;padding:2rem;box-shadow:0 5px 20px rgba(0,0,0,0.05)}.feature-icon{font-size:2rem;margin-bottom:1rem}.feature-title{font-size:1.3rem;margin-bottom:1rem;color:var(--secondary-color)}.feature-text{font-size:1rem;line-height:1.6}.stand-out{background-color:var(--dark-color);color:white;padding:3rem 2rem;border-radius:10px;margin-bottom:3rem}.stand-out-title{font-size:1.8rem;margin-bottom:1.5rem;color:var(--warning-color);text-align:center}.stand-out-text{font-size:1.1rem;line-height:1.8;max-width:800px;margin:0 auto;text-align:center}.community-section{background-color:white;border-radius:10px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 5px 20px rgba(0,0,0,0.05)}.community-title{font-size:1.8rem;color:var(--accent-color);margin-bottom:1.5rem;text-align:center}.community-text{font-size:1.1rem;line-height:1.8}.disclaimer{background-color:var(--danger-color);color:white;padding:1rem;border-radius:5px;text-align:center;font-weight:bold;max-width:500px;margin:0 auto}@media (max-width:768px){.section-title{font-size:2rem}.mission-title,.stand-out-title,.community-title{font-size:1.5rem}.intro-text,.mission-text,.stand-out-text,.community-text{font-size:1rem}}.contact-section{padding:5rem 2rem;background-color:var(--light-color);color:var(--dark-color)}.section-title-contact{font-size:2.5rem;color:var(--accent-color);margin-bottom:1.5rem;text-align:center}.section-subtitle{font-size:1.2rem;color:var(--dark-color);margin-bottom:2rem;text-align:center;line-height:1.6}.contact-info{background-color:white;border-radius:10px;padding:2rem;margin-bottom:2rem;box-shadow:0 5px 15px rgba(0,0,0,0.05)}.contact-method{display:flex;align-items:center;margin-bottom:1rem}.contact-icon{font-size:1.5rem;margin-right:1rem;color:var(--secondary-color)}.contact-text{font-size:1.1rem}.contact-form{background-color:white;border-radius:10px;padding:2rem;box-shadow:0 5px 15px rgba(0,0,0,0.05)}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:0.5rem;font-weight:500;color:var(--dark-color)}input,textarea{width:100%;padding:0.8rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color 0.3s}input:focus,textarea:focus{outline:none;border-color:var(--secondary-color)}textarea{min-height:150px;resize:vertical}.submit-btn{background-color:var(--success-color);color:white;border:none;padding:1rem 2rem;font-size:1.1rem;border-radius:5px;cursor:pointer;transition:all 0.3s;font-weight:bold;width:100%}.submit-btn:hover{background-color:var(--warning-color);transform:translateY(-2px)}.success-message{display:none;background-color:var(--success-color);color:white;padding:1.5rem;border-radius:5px;text-align:center;margin-top:2rem;font-size:1.1rem}@media (max-width:768px){.section-title{font-size:2rem}.section-subtitle{font-size:1rem}}.privacy-section{padding:4rem 2rem;background-color:var(--light-color);color:var(--dark-color)}.privacy-header{text-align:center;margin-bottom:3rem}.privacy-title{font-size:2.5rem;color:var(--accent-color);margin-bottom:1rem}.privacy-subtitle{font-size:1.3rem;color:var(--secondary-color);font-weight:500}.privacy-intro{margin-bottom:3rem;font-size:1.1rem}.policy-section{margin-bottom:3rem}.section-title-policy{font-size:1.5rem;color:var(--secondary-color);margin-bottom:1.5rem;padding-bottom:0.5rem;border-bottom:2px solid var(--accent-color)}.section-content{margin-left:1rem}.subsection{margin-bottom:2rem}.subsection-title{font-size:1.2rem;color:var(--dark-color);margin-bottom:1rem;font-weight:600}.subsection-list{margin-left:1.5rem;margin-bottom:1rem}.subsection-list li{margin-bottom:0.8rem}.highlight{background-color:rgba(58,134,255,0.1);padding:1.5rem;border-radius:8px;margin:1.5rem 0;border-left:4px solid var(--primary-color)}.contact-method{display:flex;align-items:center;margin-top:1rem}.contact-icon{font-size:1.2rem;margin-right:1rem;color:var(--secondary-color)}@media (max-width:768px){.privacy-title{font-size:2rem}.privacy-subtitle{font-size:1.1rem}.section-title{font-size:1.3rem}}