:root{--accent-color:#0029ff;--text-dark:#333;--text-light:#666}body{background-color:white;color:var(--text-dark);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.navbar{background-color:transparent;border-bottom:1px solid rgba(0,41,255,0.2);padding:1rem 0}.navbar-brand{font-weight:bold;color:whitesmoke;font-size:1.5rem}.navbar-nav .nav-link{color:whitesmoke;margin:0 1rem;transition:color .3s ease}.navbar-nav .nav-link:hover{color:var(--accent-color) !important}.hero-section{height:70vh;background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('assets/img1.jpg');background-size:cover;background-position:center;display:flex;color:white;justify-content:center;align-items:center;text-align:center}.hero-content h1{font-size:3.5rem;font-weight:bold;margin-bottom:1.5rem}.hero-content p{font-size:1.25rem;opacity:.9}.games-section{padding:5rem 0;background-color:#f8f9fa}.section-subtitle{color:var(--accent-color);font-size:.95rem;text-transform:uppercase;letter-spacing:4px;font-weight:700;position:relative;display:inline-block;padding:.5rem 1.5rem;margin-bottom:1rem}.section-subtitle::before,.section-subtitle::after{content:'';position:absolute;height:2px;background-color:var(--accent-color);top:50%;transform:translateY(-50%);width:40px}.section-subtitle::before{left:-50px}.section-subtitle::after{right:-50px}.section-title{font-size:2.5rem;font-weight:bold;margin-bottom:3rem;color:var(--text-dark)}.game-card{border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;margin-bottom:2rem;transition:all .3s ease;height:auto;display:flex;flex-direction:column;border-color:var(--accent-color)}.game-card img{width:100%;height:250px;object-fit:cover;border-radius:6px;margin-bottom:1rem}.game-card h5{color:var(--text-dark);margin-bottom:.75rem;font-weight:600;flex-grow:0}.game-card p{color:var(--text-light);font-size:.95rem;line-height:1.6;flex-grow:1}.contact-section{padding:5rem 0;background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)),url('assets/img1.jpg');background-size:cover;background-position:center;background-attachment:fixed}.contact-form{backdrop-filter:blur(1px);padding:2rem;border-radius:10px}.form-control{background:rgba(255,255,255,0);color:white;border:1px solid #ddd;padding:.75rem 1rem;margin-bottom:1rem}.form-control::placeholder{color:white;opacity:.7}.form-control:focus{border-color:var(--accent-color);box-shadow:0 0 0 .2rem rgba(0,41,255,0.25);background-color:transparent;color:white}.btn-primary{background-color:transparent;border-color:white;padding:.75rem 2rem;font-weight:600;transition:all .3s ease}.btn-primary:hover{background-color:white;border-color:white;transform:translateY(-2px);color:black}.notification{position:fixed;top:50px;right:20px;background:#28a745;color:white;padding:1rem 1.5rem;border-radius:5px;box-shadow:0 4px 15px rgba(0,0,0,0.2);display:none;z-index:1000}.footer{background-color:#1a1a1a;color:white;padding:3rem 0 2rem}.footer h6{color:white;margin-bottom:1rem;font-weight:600}.footer a{color:#ccc;text-decoration:none;transition:color .3s ease;display:block;margin-bottom:.5rem}.footer a:hover{color:var(--accent-color)}@media(max-width:768px){.hero-content h1{font-size:2.5rem}.section-title{font-size:2rem}.contact-section{padding:3rem 0}}.narrow-container{max-width:800px;margin:0 auto}.navbar-nav .dropdown:hover .dropdown-menu{display:block;margin-top:0}.story-section{padding:5rem 0;background-color:#f8f9fa}.section-subtitle{color:var(--accent-color);font-size:.95rem;text-transform:uppercase;letter-spacing:4px;font-weight:700;position:relative;display:inline-block;padding:.5rem 1.5rem;margin-bottom:1rem}.section-subtitle::before,.section-subtitle::after{content:'';position:absolute;height:2px;background-color:var(--accent-color);top:50%;transform:translateY(-50%);width:40px}.section-subtitle::before{left:-50px}.section-subtitle::after{right:-50px}.section-title{font-size:2.5rem;font-weight:bold;margin-bottom:2rem;color:var(--text-dark)}.story-text{font-size:1.1rem;line-height:1.8;color:var(--text-light);margin-bottom:2rem}.story-image{border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.1)}.values-section{padding:5rem 0;background-color:white}.value-card{text-align:center;padding:2rem 1.5rem;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease;height:100%}.value-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,41,255,0.1)}.value-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--accent-color),#0052ff);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:white;font-size:2rem}.value-card h4{color:var(--text-dark);margin-bottom:1rem;font-weight:600}.value-card p{color:var(--text-light);line-height:1.6}.team-section{padding:5rem 0;background-color:#f8f9fa}.team-member{text-align:center;margin-bottom:3rem}.team-photo{width:200px;height:200px;border-radius:50%;object-fit:cover;margin:0 auto 1.5rem;border:4px solid var(--accent-color);transition:transform .3s ease}.team-photo:hover{transform:scale(1.05)}.team-member h5{color:var(--text-dark);font-weight:600;margin-bottom:.5rem}.team-role{color:var(--accent-color);font-weight:500;margin-bottom:1rem}.team-bio{color:var(--text-light);line-height:1.6;font-size:.95rem}.stats-section{padding:5rem 0;background:linear-gradient(rgba(0,41,255,0.9),rgba(0,82,255,0.9)),url('./assets/img2.avif');background-size:cover;background-position:center;background-attachment:fixed;color:white}.stat-item{text-align:center;margin-bottom:2rem}.stat-number{font-size:3rem;font-weight:bold;display:block;margin-bottom:.5rem}.stat-label{font-size:1.1rem;opacity:.9;text-transform:uppercase;letter-spacing:1px}.mission-section{padding:5rem 0;background-color:white}.mission-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:3rem;border-radius:15px;border-left:5px solid var(--accent-color);box-shadow:0 10px 30px rgba(0,0,0,0.05)}.mission-card h3{color:var(--text-dark);margin-bottom:1.5rem;font-weight:600}.mission-card p{font-size:1.1rem;line-height:1.8;color:var(--text-light);margin-bottom:0}.narrow-container{max-width:800px;margin:0 auto}@media(max-width:768px){.about-hero h1{font-size:2.5rem}.section-title{font-size:2rem}.stat-number{font-size:2.5rem}.team-photo{width:150px;height:150px}}