:root{--primary:#2c085d;--secondary:#ff4081;--accent:#00e5ff;--dark:#1a0036;--light:#f8f9fa;--text:#fff;--text-secondary:#e0e0e0;--success:#4caf50;--warning:#ffc107;--danger:#f44336;--overlay:rgba(44,8,93,0.9);--gradient:linear-gradient(135deg,var(--primary) 0%,var(--dark) 100%);--gradient-accent:linear-gradient(135deg,var(--secondary) 0%,var(--accent) 100%)}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background:var(--gradient);color:var(--text);min-height:100vh;display:flex;flex-direction:column}.content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}h1{text-align:center;margin-bottom:1rem;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:2.5rem}h2{color:var(--text-secondary);font-weight:400;font-size:1.2rem;margin-bottom:2rem;text-align:center;line-height:1.6}.btn{display:inline-block;padding:1rem 2.5rem;background:var(--gradient-accent);color:white;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-decoration:none;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,0.2)}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.3)}.btn:active{transform:translateY(1px)}.section{padding:5rem 0;border-bottom:1px solid rgba(255,255,255,0.1)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.text-center{text-align:center}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 1rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:3rem 0}.stat-card{background:rgba(255,255,255,0.05);border-radius:15px;padding:2rem;text-align:center;transition:transform 0.3s ease}.stat-card:hover{transform:translateY(-5px);background:rgba(255,255,255,0.1)}.stat-number{font-size:3rem;font-weight:700;margin-bottom:0.5rem;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-text{color:var(--text-secondary);font-size:1.1rem}.games-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3rem}.game-card{background:rgba(255,255,255,0.05);border-radius:10px;overflow:hidden;transition:all 0.3s ease;cursor:pointer}.game-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.2)}.game-image{width:100%;height:300px;object-fit:cover;background:var(--dark);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:3rem}.game-title{padding:1rem;text-align:center;font-weight:600;color:var(--accent)}.features{display:flex;flex-direction:column;gap:1.5rem;margin:2.5rem 0}.feature{display:flex;align-items:center;gap:1rem}.feature-icon{width:40px;height:40px;background:var(--gradient-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-text{color:var(--text-secondary);font-size:1.1rem}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay);z-index:1000;align-items:center;justify-content:center}.modal-content{background:var(--dark);width:90%;max-width:900px;border-radius:15px;overflow:hidden;position:relative}.modal-header{padding:1rem 1.5rem;background:var(--primary);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.5rem;font-weight:600}.close-modal{background:none;border:none;color:var(--text);font-size:1.5rem;cursor:pointer}.game-frame{width:100%;height:500px;border:none}@media screen and (max-width:992px){.games-container{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:1fr;gap:1.5rem}}@media screen and (max-width:576px){.games-container{grid-template-columns:1fr}h1{font-size:2rem}h2{font-size:1rem}.stat-number{font-size:2.5rem}}.btn{display:inline-block;padding:1rem 2.5rem;background:var(--gradient-accent);color:white;border:none;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-decoration:none;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,0.2)}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.3)}.btn:active{transform:translateY(1px)}.section{padding:5rem 0;border-bottom:1px solid rgba(255,255,255,0.1)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.text-center{text-align:center}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 1rem}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:3rem 0}.principle{background:rgba(255,255,255,0.05);border-radius:15px;padding:2rem;text-align:center;transition:transform 0.3s ease}.principle:hover{transform:translateY(-5px);background:rgba(255,255,255,0.1)}.principle i{font-size:2.5rem;color:var(--accent);margin-bottom:1rem}.principle h3{font-size:1.5rem;margin-bottom:1rem;color:var(--accent)}.principle p{color:var(--text-secondary);line-height:1.6}.tips-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.tip{background:rgba(255,255,255,0.05);border-radius:15px;padding:2rem;transition:transform 0.3s ease}.tip:hover{transform:translateY(-5px);background:rgba(255,255,255,0.1)}.tip-header{display:flex;align-items:center;margin-bottom:1.5rem}.tip-icon{width:50px;height:50px;background:var(--gradient-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0}.tip-icon i{font-size:1.5rem;color:white}.tip-title{font-size:1.3rem;color:var(--accent)}.tip-content ul{list-style:none;margin-left:1rem}.tip-content li{color:var(--text-secondary);margin-bottom:0.8rem;position:relative;padding-left:1.5rem}.tip-content li:before{content:"•";color:var(--secondary);font-size:1.5rem;position:absolute;left:0;top:-0.3rem}.tools{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem}.tool{background:rgba(255,255,255,0.05);border-radius:15px;padding:2rem;transition:transform 0.3s ease}.tool:hover{transform:translateY(-5px);background:rgba(255,255,255,0.1)}.tool-header{display:flex;align-items:center;margin-bottom:1.5rem}.tool-icon{width:50px;height:50px;background:var(--gradient-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0}.tool-icon i{font-size:1.5rem;color:white}.tool-title{font-size:1.3rem;color:var(--accent)}.tool-content p{color:var(--text-secondary);line-height:1.6}.support-container{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem}.support-card{background:rgba(255,255,255,0.05);border-radius:15px;padding:2rem;transition:transform 0.3s ease}.support-card:hover{transform:translateY(-5px);background:rgba(255,255,255,0.1)}.support-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--accent)}.support-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.support-contact{background:rgba(255,255,255,0.1);border-radius:10px;padding:1.5rem}.support-contact p{margin-bottom:0.5rem;display:flex;align-items:center}.support-contact i{margin-right:0.8rem;color:var(--secondary)}@media screen and (max-width:992px){.principles{grid-template-columns:1fr}.tips-container{grid-template-columns:1fr}.tools{grid-template-columns:1fr}.support-container{grid-template-columns:1fr}}@media screen and (max-width:768px){h1{font-size:2rem}h2{font-size:1rem}}@media screen and (max-width:576px){.section{padding:3rem 0}.tool-header,.tip-header{flex-direction:column;text-align:center}.tool-icon,.tip-icon{margin-right:0;margin-bottom:1rem}}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 1rem}.story-section{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.story-image{width:100%;height:400px;background:var(--dark);border-radius:15px;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:5rem;box-shadow:0 10px 30px rgba(0,0,0,0.3)}.story-content{display:flex;flex-direction:column;gap:1.5rem}.story-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.story-feature{background:rgba(255,255,255,0.05);border-radius:10px;padding:1.5rem;text-align:center;transition:transform 0.3s ease}.story-feature:hover{transform:translateY(-5px);background:rgba(255,255,255,0.1)}.story-feature i{font-size:2rem;color:var(--accent);margin-bottom:1rem}.story-feature h3{font-size:1.1rem;margin-bottom:0.5rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:3rem 0}.stat-card{background:rgba(255,255,255,0.05);border-radius:15px;padding:2rem;text-align:center;transition:transform 0.3s ease}.stat-card:hover{transform:translateY(-5px);background:rgba(255,255,255,0.1)}.stat-number{font-size:3rem;font-weight:700;margin-bottom:0.5rem;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-text{color:var(--text-secondary);font-size:1.1rem}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.pillar{background:rgba(255,255,255,0.05);border-radius:15px;overflow:hidden;transition:transform 0.3s ease}.pillar:hover{transform:translateY(-5px)}.pillar-image{width:100%;height:200px;background:var(--dark);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:3rem}.pillar-content{padding:1.5rem}.pillar-content h3{font-size:1.3rem;margin-bottom:1rem;color:var(--accent)}.pillar-content p{color:var(--text-secondary);line-height:1.6}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.value{background:rgba(255,255,255,0.05);border-radius:15px;padding:2rem;text-align:center;transition:transform 0.3s ease}.value:hover{transform:translateY(-5px);background:rgba(255,255,255,0.1)}.value i{font-size:2.5rem;color:var(--secondary);margin-bottom:1rem}.value h3{font-size:1.3rem;margin-bottom:1rem}.value p{color:var(--text-secondary);line-height:1.6}.why-content{max-width:800px;margin:0 auto;text-align:center}.why-content p{color:var(--text-secondary);line-height:1.8;font-size:1.1rem;margin-bottom:2rem}.mission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem}.mission-item{background:rgba(255,255,255,0.05);border-radius:15px;overflow:hidden;transition:transform 0.3s ease}.mission-item:hover{transform:translateY(-5px)}.mission-image{width:100%;height:200px;background:var(--dark);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:3rem}.mission-content{padding:1.5rem}.mission-content h3{font-size:1.3rem;margin-bottom:1rem;color:var(--accent)}.mission-content p{color:var(--text-secondary);line-height:1.6}@media screen and (max-width:992px){.story-section{grid-template-columns:1fr}.story-features{grid-template-columns:1fr}.pillars{grid-template-columns:1fr}.values{grid-template-columns:1fr}.mission-grid{grid-template-columns:1fr}}@media screen and (max-width:768px){.stats{grid-template-columns:1fr;gap:1.5rem}h1{font-size:2rem}h2{font-size:1rem}.stat-number{font-size:2.5rem}}@media screen and (max-width:576px){.section{padding:3rem 0}}