*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}:root{--primary-color:#1b262c;--secondary-color:#3282b8;--accent-color:#f9a825;--text-color:#f1f1f1;--hover-color:#16a085;--dropdown-bg:#1f2a32;--card-bg:#27343d;--light-bg:#fafafa;--dark-text:#1c2833}body{background-color:var(--light-bg);color:var(--dark-text);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}section{padding:80px 0}.section-title{text-align:center;margin-bottom:50px;color:var(--primary-color)}.section-title h2{font-size:2.5rem;margin-bottom:15px}.btn{display:inline-block;background:linear-gradient(135deg,var(--primary-color),#1a2530);color:var(--text-color);padding:12px 30px;border-radius:30px;text-decoration:none;font-weight:600;transition:all 0.3s ease;border:none;cursor:pointer}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,0.2);background:linear-gradient(135deg,var(--hover-color),#16a085)}.btn-secondary{background:transparent;border:2px solid var(--hover-color);color:var(--hover-color)}.btn-secondary:hover{background:var(--primary-color);color:var(--text-color)}.hero{background:linear-gradient(rgba(44,62,80,0.8),rgba(26,37,48,0.9)),url('../themes/jcuk/assets/img/Photo1.png') no-repeat center center/cover;color:var(--text-color);text-align:center;padding:120px 0}.hero h1{font-size:3.5rem;margin-bottom:20px}.hero p{font-size:1.2rem;max-width:800px;margin:0 auto 40px}.hero-buttons{display:flex;justify-content:center;margin:1rem 0;gap:20px;margin-bottom:30px}.hero-features{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;margin-top:50px}.feature-item{background:rgba(255,255,255,0.1);padding:20px;border-radius:10px;width:200px;backdrop-filter:blur(10px)}.feature-item i{font-size:2.5rem;margin-bottom:15px;color:var(--hover-color)}.legal-notice{margin-top:30px;font-size:0.9rem;opacity:0.8}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px}.game-card{background:var(--card-bg);border-radius:10px;overflow:hidden;transition:transform 0.3s ease;color:var(--text-color)}.game-card:hover{transform:translateY(-10px)}.game-img{background-color:var(--primary-color);display:flex;align-items:center;justify-content:center}.game-img img{height:300px;object-fit:cover;width:100%}.game-content{padding:20px}.game-content h3{margin-bottom:10px;font-size:1.3rem}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.info-card{background:white;padding:30px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1);text-align:center}.info-card i{font-size:2.5rem;color:var(--hover-color);margin-bottom:20px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.feature{background:white;padding:30px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1)}.feature h3{color:var(--primary-color);margin-bottom:15px;font-size:1.4rem}.feature ul{list-style:none}.feature li{margin-bottom:10px;display:flex;align-items:center}.feature li:before{content:"✔";color:var(--hover-color);margin-right:10px;font-weight:bold}.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about-content h2{color:var(--primary-color);margin-bottom:20px}.about-values{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.value-item{text-align:center}.value-item i{font-size:2rem;color:var(--hover-color);margin-bottom:10px}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stat-item{background:white;padding:20px;border-radius:10px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,0.1)}.stat-item i{font-size:2rem;color:var(--hover-color);margin-bottom:10px}.cta{background:linear-gradient(135deg,var(--primary-color),#1a2530);color:var(--text-color);text-align:center;padding:80px 0}.cta h2{font-size:2.5rem;margin-bottom:20px}.cta p{max-width:700px;margin:0 auto 40px;font-size:1.2rem}.community{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.community-content{text-align:center}.community-content h2{color:var(--primary-color);margin-bottom:20px}.community-image{background:var(--card-bg);height:300px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-color)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:1000;align-items:center;justify-content:center}.modal-content{background:white;width:90%;max-width:1200px;height:80%;border-radius:10px;overflow:hidden}.modal-header{background:var(--primary-color);color:var(--text-color);padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.close-modal{background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer}.modal-body{height:calc(100% - 50px)}.modal-body iframe{width:100%;height:100%;border:none}@media (max-width:900px){.hero h1{font-size:2.5rem}.hero-buttons{flex-direction:column;align-items:center}.about,.community{grid-template-columns:1fr}.about-stats{margin-top:30px}}.terms-section{margin-bottom:2.5rem}.terms-section h2{color:var(--primary-color);margin-bottom:1rem;font-size:1.8rem;border-bottom:2px solid var(--hover-color);padding-bottom:0.5rem}.terms-section p{margin-bottom:1rem}.terms-section ul{margin-left:1.5rem;margin-bottom:1rem}.terms-section li{margin-bottom:0.5rem}.notice-box{background:linear-gradient(135deg,var(--primary-color),#1a2530);color:var(--text-color);padding:1.5rem;border-radius:8px;text-align:center;margin:2rem 0}.notice-box p{color:var(--light-bg) !important}.button-group{display:flex;justify-content:center;gap:20px;margin-top:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),#1a2530);color:var(--text-color);padding:12px 25px;border-radius:30px;text-decoration:none;font-weight:600;transition:all 0.3s ease;border:none;cursor:pointer;min-width:160px}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,0.2);background:linear-gradient(135deg,var(--hover-color),#16a085)}.btn i{margin-right:8px}.btn-home{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-home:hover{background:var(--primary-color);color:var(--text-color)}footer{text-align:center;padding:2rem 0;color:var(--dark-text);opacity:0.8}@media (max-width:768px){.button-group{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}header h1{font-size:2.2rem}.content{padding:1.5rem}}