:root{--primary:#059669;--primary-dark:#047857;--secondary:#d97706;--secondary-dark:#b45309;--dark:#1c1917;--light:#f0fdf4;--gray:#6b7280;--gray-light:#d1fae5;--success:#16a34a;--danger:#dc2626;--transition:all 0.3s ease;--shadow:0 4px 6px -1px rgba(5,150,105,0.1),0 2px 4px -1px rgba(5,150,105,0.06);--radius:8px}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background-color:var(--light);color:var(--dark);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}section{padding:5rem 0}.section-title{font-size:2.5rem;margin-bottom:1rem;color:var(--dark);text-align:center}.section-subtitle{font-size:1.2rem;color:var(--gray);text-align:center;max-width:700px;margin:0 auto 3rem}.hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:white;text-align:center;padding:8rem 1rem;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M0,0 L100,0 L100,100 Z" fill="rgba(255,255,255,0.05)"/></svg>');background-size:cover}.hero h1{font-size:4rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,0.2)}.hero h2{font-size:1.5rem;font-weight:400;margin-bottom:2.5rem;max-width:800px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.btn{padding:1rem 2.5rem;border-radius:50px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:var(--transition);border:none;display:inline-flex;align-items:center;gap:0.5rem}.btn-primary{background:var(--secondary);color:white;box-shadow:0 4px 14px rgba(249,115,22,0.4)}.btn-primary:hover{background:var(--secondary-dark);transform:translateY(-3px);box-shadow:0 6px 20px rgba(249,115,22,0.6)}.btn-secondary{background:transparent;color:white;border:2px solid rgba(255,255,255,0.7)}.btn-secondary:hover{background:rgba(255,255,255,0.1);transform:translateY(-3px);border-color:white}.stats{background:var(--gray-light);text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.stat-item{padding:2rem;background:white;border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition)}.stat-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1)}.stat-number{font-size:3rem;font-weight:700;color:var(--primary);margin-bottom:0.5rem}.stat-text{color:var(--dark);font-weight:500}.games{background:white}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.game-card{background:white;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}.game-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(0,0,0,0.15)}.game-image{height:400px;width:100%;background-color:var(--gray-light);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.game-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;opacity:0;transition:var(--transition);cursor:pointer}.game-card:hover .game-play{opacity:1}.game-info{padding:1.5rem}.game-title{font-size:1.3rem;margin-bottom:0.5rem;color:var(--dark)}.game-description{color:var(--gray);margin-bottom:1rem}.game-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:var(--transition)}.game-modal.active{opacity:1;visibility:visible}.modal-content{background:white;width:90%;max-width:900px;height:80vh;border-radius:var(--radius);overflow:hidden;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;background:var(--danger);color:white;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;font-size:1.2rem}.modal-iframe{width:100%;height:100%;border:none}.games-cta{text-align:center}.features{background:var(--gray-light)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-item{background:white;padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);display:flex;align-items:flex-start;gap:1rem}.feature-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1)}.feature-icon{font-size:2rem;color:var(--primary);flex-shrink:0}.feature-content h3{margin-bottom:0.5rem;color:var(--dark)}.feature-content p{color:var(--gray)}.mission{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);color:white;text-align:center}.mission-content{max-width:800px;margin:0 auto;font-size:1.2rem}.disclaimer{background:white}.disclaimer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.disclaimer-item{padding:2rem;background:var(--gray-light);border-radius:var(--radius);display:flex;align-items:flex-start;gap:1rem}.disclaimer-icon{font-size:2rem;color:var(--secondary);flex-shrink:0}.disclaimer-content h3{margin-bottom:0.5rem;color:var(--dark)}.disclaimer-content p{color:var(--gray)}.legal{background:var(--dark);color:var(--light);text-align:center;padding:3rem 0}.legal-content{max-width:800px;margin:0 auto}@media screen and (max-width:768px){.hero h1{font-size:2.5rem}.hero h2{font-size:1.2rem}.stats-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column;align-items:center}.btn{width:100%;justify-content:center}.section-title{font-size:2rem}}.update-date{margin-top:2rem;display:inline-block;background:rgba(255,255,255,0.2);padding:0.5rem 1rem;border-radius:50px;font-size:0.9rem;backdrop-filter:blur(10px)}.reminder{background:var(--gray-light);text-align:center;padding:4rem 2rem}.reminder-content{max-width:800px;margin:0 auto;font-size:1.2rem;line-height:1.8}.highlight{color:var(--primary);font-weight:600}.commitment{background:white}.commitment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.commitment-item{background:var(--gray-light);padding:2rem;border-radius:var(--radius);text-align:center;transition:var(--transition)}.commitment-item:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.commitment-item h3{color:var(--primary);margin-bottom:1rem}.guidelines{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);color:white}.guidelines-container{max-width:800px;margin:0 auto}.guideline-item{margin-bottom:2.5rem;padding:2rem;background:rgba(255,255,255,0.1);border-radius:var(--radius);backdrop-filter:blur(10px);transition:var(--transition)}.guideline-item:hover{background:rgba(255,255,255,0.15)}.guideline-item h3{margin-bottom:1rem;display:flex;align-items:center;gap:0.8rem}.guideline-icon{font-size:1.5rem}.warning-signs{background:white}.warning-content{max-width:800px;margin:0 auto}.signs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.sign-item{background:var(--gray-light);padding:1.5rem;border-radius:var(--radius);border-left:4px solid var(--secondary)}.resources{background:var(--gray-light)}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.resource-item{background:white;padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition)}.resource-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1)}.resource-item h3{color:var(--primary);margin-bottom:1rem}.resource-link{display:inline-block;margin-top:1rem;color:var(--primary);font-weight:600;text-decoration:none;transition:var(--transition)}.resource-link:hover{color:var(--primary-dark)}.priority{background:linear-gradient(135deg,var(--secondary) 0%,var(--secondary-dark) 100%);color:white;text-align:center}.priority-content{max-width:800px;margin:0 auto;font-size:1.2rem;line-height:1.8}@media screen and (max-width:768px){.hero h1{font-size:2.5rem}.hero h2{font-size:1.5rem}.section-title{font-size:2rem}.guideline-item h3{flex-direction:column;text-align:center;gap:0.5rem}}.accordion{margin-top:2rem}.accordion-btn{width:100%;background:var(--primary);color:white;border:none;padding:1.2rem;text-align:left;font-size:1.1rem;font-weight:600;border-radius:var(--radius);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.accordion-btn:hover{background:var(--primary-dark)}.accordion-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease;background:var(--gray-light);border-radius:0 0 var(--radius) var(--radius)}.accordion-content.active{max-height:500px}.accordion-inner{padding:1.5rem}