*{box-sizing:border-box;margin:0;padding:0;font-family:'Inter',sans-serif}body{background-color:var(--background);line-height:1.6;color:var(--text-color)}:root{--primary-color:#DA70D6;--secondary-color:#FF8C00;--text-color:#FFF5EE;--hover-color:#FF6347;--background:#556B2F;--footer-bg:#4B3621;--topbar-bg:#FF4500;--highlight:#FFD700;--shadow-color:#8B4513}.hero-section{height:100vh;min-height:600px;background-image:url('../themes/main/assets/img/Photo1.png');background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:center;justify-content:center;position:relative;color:#d0d0d0;text-align:center}.hero-overlay{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:1000px;padding:0 20px}.hero-title{font-size:3.5rem;font-weight:bold;margin-bottom:20px;text-shadow:2px 2px 5px rgba(0,0,0,0.5)}.hero-subtitle{font-size:1.5rem;margin-bottom:40px;line-height:1.5;text-shadow:1px 1px 3px rgba(0,0,0,0.5)}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem;margin-bottom:30px}}.about-container{max-width:1200px;margin:56px auto}.about-section{gap:3rem;margin-bottom:4rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--hover-color) 100%);border-radius:15px;padding:3rem;box-shadow:0 10px 30px rgba(0,0,0,0.3);position:relative;overflow:hidden;z-index:1}.about-section::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,0.1) 0%,transparent 70%);z-index:-1;animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.about-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;margin-bottom:48px}.about-title{text-align:center;font-size:2.5rem;margin-bottom:1.5rem;color:var(--accent-color);position:relative;display:inline-block}.about-title::after{content:'';position:absolute;bottom:-10px;left:0;width:60px;height:3px;background-color:var(--accent-color)}.about-text{line-height:1.8;margin-bottom:2rem;font-size:1.1rem}.signup-btn{text-decoration:none;background-color:var(--primary-color);color:var(--text-color);border:none;padding:0.8rem 2rem;border-radius:30px;font-weight:600;font-size:1rem;cursor:pointer;transition:all 0.3s ease;display:inline-flex;align-items:center;gap:0.5rem;box-shadow:0 4px 15px rgba(255,215,0,0.3)}.signup-btn:hover{background-color:var(--topbar-bg);transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,215,0,0.4)}.about-image{flex:1;position:relative;min-height:1000px;border-radius:10px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,0.2)}.about-image::before{content:'';position:absolute;inset:0;background:linear-gradient(45deg,rgba(0,0,0,0.5),rgba(0,0,0,0.7));opacity:0.7;z-index:1}.about-image img{width:100%;height:100%;object-fit:cover;position:absolute}.features-section{margin-top:4rem}.features-title{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--accent-color)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:rgba(106,90,205,0.2);backdrop-filter:blur(10px);border-radius:15px;padding:2rem;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.1);position:relative;overflow:hidden;z-index:1}.feature-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(106,90,205,0.4) 0%,rgba(147,112,219,0.4) 100%);z-index:-1;clip-path:circle(20% at 90% 20%);transition:clip-path 0.5s ease}.feature-card:hover::before{clip-path:circle(100%)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.3)}.feature-icon{font-size:2.5rem;color:var(--accent-color);margin-bottom:1.5rem}.feature-title{font-size:1.5rem;margin-bottom:1rem;color:var(--accent-color)}.feature-text{line-height:1.7;opacity:0.9}@media (max-width:900px){.about-section{flex-direction:column}.about-image{width:100%;order:-1}}@media (max-width:600px){.about-section{padding:2rem 1.5rem}.about-title,.features-title{font-size:2rem}}.discovery-container{max-width:1400px;margin:0 auto}.discovery-header{text-align:center;margin-bottom:4rem;position:relative}.discovery-title{font-size:3rem;margin-bottom:1.5rem;color:var(--accent-color);text-shadow:0 0 10px rgba(255,215,0,0.3);position:relative;display:inline-block}.discovery-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100px;height:3px;background-color:var(--accent-color)}.discovery-subtitle{font-size:1.2rem;max-width:700px;margin:0 auto;line-height:1.6;opacity:0.9}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:2rem;margin-top:3rem}.discovery-card{position:relative;border-radius:15px;overflow:hidden;height:620px;transition:all 0.5s cubic-bezier(0.25,0.8,0.25,1);box-shadow:0 10px 20px rgba(0,0,0,0.2)}.discovery-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,0.8) 100%);z-index:1}.discovery-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.card-content{position:absolute;bottom:0;left:0;width:100%;padding:2rem;z-index:2;transform:translateY(20px);transition:all 0.3s ease;opacity:0}.discovery-card:hover .card-content{transform:translateY(0);opacity:1}.discovery-card:hover img{transform:scale(1.1)}.card-title{font-size:1.5rem;margin-bottom:0.5rem;color:var(--text-color)}.discovery-card:hover{box-shadow:0 15px 30px rgba(0,0,0,0.4);transform:translateY(-10px)}.discovery-footer{text-align:center;margin-top:5rem;font-style:italic;opacity:0.7;font-size:0.9rem}.signature{font-family:'Brush Script MT',cursive;font-size:1.5rem;color:var(--accent-color);margin-top:1rem;display:inline-block}@media (max-width:768px){.discovery-title{font-size:2.2rem}.discovery-subtitle{font-size:1rem}.cards-grid{grid-template-columns:1fr}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.discovery-title{animation:float 4s ease-in-out infinite}.leaderboard-container{max-width:800px;margin:120px auto;background:linear-gradient(135deg,rgba(106,90,205,0.3) 0%,rgba(74,58,165,0.5) 100%);border-radius:20px;padding:3rem;box-shadow:0 15px 35px rgba(0,0,0,0.3);position:relative;overflow:hidden;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1)}.leaderboard-container::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,0.05) 0%,transparent 70%);z-index:-1;animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.leaderboard-header{text-align:center;margin-bottom:2.5rem;position:relative}.leaderboard-title{font-size:2.5rem;margin-bottom:1rem;color:var(--accent-color);text-shadow:0 0 10px rgba(255,215,0,0.3);position:relative;display:inline-block}.leaderboard-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100px;height:3px;background-color:var(--accent-color)}.leaderboard-description{font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;opacity:0.9}.leaderboard-disclaimer{font-style:italic;opacity:0.7;margin-bottom:2rem;font-size:0.9rem}.leaderboard-list{list-style:none;margin:2rem 0}.leaderboard-item{display:flex;align-items:center;padding:1.2rem 1.5rem;margin-bottom:1rem;background:rgba(255,255,255,0.05);border-radius:12px;transition:all 0.3s ease;position:relative;overflow:hidden}.leaderboard-item::before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;background:var(--secondary-color);transition:width 0.3s ease}.leaderboard-item:hover{transform:translateX(10px);background:rgba(255,255,255,0.1)}.leaderboard-item:hover::before{width:8px;background:var(--accent-color)}.player-rank{font-size:1.3rem;font-weight:bold;width:40px;color:var(--accent-color)}.rank-1 .player-rank{color:var(--rank-1)}.rank-2 .player-rank{color:var(--rank-2)}.rank-3 .player-rank{color:var(--rank-3)}.player-avatar{font-size:1.5rem;margin-right:1rem;width:30px;text-align:center}.player-info{flex:1}.player-name{font-weight:600;margin-bottom:0.2rem}.player-score{opacity:0.8;font-size:1.1rem;font-weight:bold}.join-btn{text-align:center;text-decoration:none;display:block;margin:2.5rem auto 0;background-color:var(--accent-color);color:var(--text-color);border:none;padding:0.8rem 2.5rem;border-radius:30px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(255,215,0,0.3);position:relative;overflow:hidden}.join-btn:hover{background-color:#ffc107;transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,215,0,0.4)}.join-btn::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:rgba(255,255,255,0.1);transform:rotate(45deg);transition:all 0.3s ease;opacity:0}.join-btn:hover::after{left:0;top:0;opacity:1}@media (max-width:768px){.leaderboard-container{padding:2rem 1.5rem}.leaderboard-title{font-size:2rem}.leaderboard-description{font-size:1rem}}@media (max-width:480px){.leaderboard-item{flex-direction:column;align-items:flex-start;padding:1rem}.player-avatar{margin-bottom:0.5rem}.player-score{margin-top:0.3rem}}.contact-container{max-width:1200px;margin:120px auto;background:linear-gradient(135deg,rgba(106,90,205,0.2) 0%,rgba(74,58,165,0.3) 100%);border-radius:20px;padding:3rem;box-shadow:0 15px 35px rgba(0,0,0,0.2);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1)}.contact-header{text-align:center;margin-bottom:3rem}.contact-title{font-size:2.5rem;margin-bottom:1rem;color:var(--accent-color);position:relative;display:inline-block}.contact-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100px;height:3px;background-color:var(--accent-color)}.contact-description{font-size:1.1rem;line-height:1.6;max-width:700px;margin:0 auto;opacity:0.9}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.contact-info{display:flex;flex-direction:column;gap:2rem}.info-block{background:rgba(255,255,255,0.05);border-radius:12px;padding:1.5rem;border-left:4px solid var(--accent-color)}.info-title{font-size:1.3rem;margin-bottom:1rem;color:var(--accent-color)}.info-text{line-height:1.6;opacity:0.9}.contact-email{color:var(--accent-color);font-weight:600;text-decoration:none;transition:all 0.3s ease;display:inline-block}.contact-email:hover{text-decoration:underline;transform:translateX(5px)}.contact-form{background:rgba(255,255,255,0.05);border-radius:12px;padding:2rem;border-left:4px solid var(--secondary-color)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:0.5rem;font-weight:500}.form-control{width:100%;padding:0.8rem 1rem;border-radius:8px;border:none;background-color:rgba(255,255,255,0.1);color:var(--text-color);font-size:1rem;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.2)}.form-control:focus{outline:none;border-color:var(--accent-color);background-color:rgba(255,255,255,0.15);box-shadow:0 0 0 2px rgba(255,215,0,0.2)}textarea.form-control{min-height:120px;resize:vertical}.submit-btn{background-color:var(--accent-color);color:var(--text-color);border:none;padding:0.8rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all 0.3s ease;width:100%}.submit-btn:hover{background-color:#ffc107;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,215,0,0.3)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:all 0.3s ease}.modal-overlay.active{opacity:1;visibility:visible}.success-modal{background:linear-gradient(135deg,var(--primary-color) 0%,var(--hover-color) 100%);border-radius:15px;padding:2.5rem;width:100%;max-width:450px;text-align:center;box-shadow:0 15px 35px rgba(0,0,0,0.3);transform:translateY(-20px);transition:all 0.3s ease}.modal-overlay.active .success-modal{transform:translateY(0)}.success-icon{font-size:4rem;color:var(--accent-color);margin-bottom:1.5rem}.success-title{font-size:1.8rem;margin-bottom:1rem;color:var(--accent-color)}.success-text{margin-bottom:2rem;line-height:1.6}.close-modal-btn{background-color:var(--accent-color);color:var(--text-color);border:none;padding:0.6rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.3s ease}.close-modal-btn:hover{background-color:#ffc107;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.2)}@media (max-width:900px){.contact-content{grid-template-columns:1fr}.contact-info{order:2}.contact-form{order:1}}@media (max-width:500px){.contact-container{padding:2rem 1.5rem}.contact-title{font-size:2rem}}.privacy-container{max-width:1100px;margin:0 auto;padding:2rem}.privacy-header{text-align:center;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--hover-color) 100%);border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,0.3);position:relative;overflow:hidden}.privacy-header::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,0.1) 0%,transparent 70%);z-index:0;animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.privacy-title{font-size:2.5rem;margin-bottom:1rem;color:var(--accent-color);position:relative;z-index:1}.privacy-subtitle{font-size:1.1rem;opacity:0.9;max-width:800px;margin:0 auto;position:relative;z-index:1}.policy-section{margin-bottom:3rem;background:var(--card-bg);backdrop-filter:blur(10px);border-radius:15px;padding:2rem;border:1px solid rgba(255,255,255,0.1);box-shadow:0 5px 15px rgba(0,0,0,0.2)}.section-title{font-size:1.8rem;margin-bottom:1.5rem;color:var(--accent-color);display:flex;align-items:center}.section-title::before{content:'';display:inline-block;width:10px;height:10px;background-color:var(--accent-color);margin-right:15px;transform:rotate(45deg)}.policy-list{list-style-position:inside;margin-left:1rem}.policy-list li{margin-bottom:1rem;padding-left:1rem}.policy-list strong{color:var(--accent-color);font-weight:500}.contact-info{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;font-size:1.1rem}.contact-icon{color:var(--accent-color);font-size:1.5rem}@media (max-width:768px){.privacy-header{padding:1.5rem}.privacy-title{font-size:2rem}.section-title{font-size:1.5rem}.policy-section{padding:1.5rem}}@media (max-width:480px){.privacy-container{padding:1rem}.privacy-title{font-size:1.8rem}.section-title{font-size:1.3rem}}.game-frame{width:100%;height:100vh}