body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}:root{--primary-color:#f15d01;--primary-dark:#c64b01;--secondary-color:#fff;--text-color:#333;--light-gray:#f5f5f5;--medium-gray:#e0e0e0;--dark-gray:#757575}body{background-color:#fff;background-color:var(--secondary-color);color:#333;color:var(--text-color);line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}.admin-main,.main-content{flex:1 1;padding-top:70px}.admin-main{background-color:#f5f5f5;min-height:calc(100vh - 70px)}section{padding:5rem 2rem}.section-container{margin:0 auto;max-width:1200px;text-align:center}h2{color:#333;color:var(--text-color);display:inline-block;font-size:2.5rem;margin-bottom:1rem;position:relative}h2:after{background-color:#f15d01;background-color:var(--primary-color);bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}section p{color:#757575;color:var(--dark-gray);margin:0 auto 3rem;max-width:700px}.games-section{background-color:#f5f5f5;background-color:var(--light-gray)}.games-grid{grid-gap:2rem;gap:2rem}.game-card{background-color:var(--secondary-color);border-radius:8px;box-shadow:0 5px 15px #0000000d;padding:2rem}.game-card:hover{box-shadow:0 15px 30px #0000001a}.game-icon{font-size:3rem;margin-bottom:1rem}.game-card h3{color:#333;color:var(--text-color);margin-bottom:.5rem}.game-card p{color:#757575;color:var(--dark-gray);margin-bottom:1.5rem}.game-button{background-color:#f15d01;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:.7rem 1.5rem;transition:background-color .3s ease}.game-button:hover{background-color:#c64b01;background-color:var(--primary-dark)}.events-list{gap:1.5rem;margin:0 auto;max-width:800px}.event-card{background-color:var(--secondary-color);border-radius:8px;box-shadow:0 5px 15px #0000000d;text-align:left}.event-date{background-color:#f15d01;padding:1.5rem}.day{font-size:2rem}.month{font-size:1rem}.event-details{padding:1.5rem}.event-details h3{color:var(--text-color);font-size:1.3rem;margin-bottom:.5rem}.event-location{color:#f15d01;color:var(--primary-color);font-weight:600;margin-bottom:.5rem}.footer{background-color:#f5f5f5}.footer-column h4{color:#333}.footer-column a{color:#757575}.footer-column a:hover{color:#f15d01}.footer-bottom{border-top:1px solid #e0e0e0;border-top:1px solid var(--medium-gray);color:#757575;color:var(--dark-gray)}@media screen and (max-width:768px){h2{font-size:2rem}.games-grid{grid-template-columns:1fr}.event-card{flex-direction:column}.event-date{flex-direction:row;gap:.5rem;padding:1rem}.footer-container{align-items:center;flex-direction:column;text-align:center}.footer-links{justify-content:center}}.navbar{background-color:#fff;box-shadow:0 2px 10px #0000001a;left:0;position:fixed;top:0;width:100%;z-index:1000}.navbar-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1600px;padding:1rem 2rem .8rem;position:relative}.navbar-logo{margin-bottom:-3rem}.auth-icon-button,.auth-icon-container,.mobile-auth-buttons,.mobile-profile,.navbar-auth-desktop,.navbar-buttons,.profile-dropdown{display:none!important}.navbar-logo img{height:220px;object-fit:contain}.logo-container,.navbar-content{align-items:center;display:flex;justify-content:center;position:relative}.navbar-content{width:100%}.navbar-links{display:flex;list-style:none;margin:0;padding:0}.navbar-links li{margin:0 3rem}.navbar-links .nav-link,.navbar-links a{color:var(--primary-color);display:inline-block;font-size:2.8rem;font-weight:300;padding:1rem 0;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.navbar-links .nav-link[to="/events"],.navbar-links .nav-link[to="/games"],.navbar-links a[href="/events"],.navbar-links a[href="/games"]{min-width:100px;text-align:center}.navbar-links .nav-link.active,.navbar-links .nav-link:hover,.navbar-links a.active,.navbar-links a:hover{color:var(--primary-color)}.navbar-links .nav-link:after,.navbar-links a:after{background-color:var(--primary-color);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar-links .nav-link.active:after,.navbar-links .nav-link:hover:after,.navbar-links a.active:after,.navbar-links a:hover:after{width:100%}.navbar-buttons{align-items:center;display:flex;gap:1rem}.auth-icon-container{position:relative}.auth-icon-button{align-items:center;background:none;border:2px solid var(--primary-color);border-radius:50%;color:var(--primary-color);cursor:pointer;display:flex;height:50px;justify-content:center;transition:all .3s ease;width:50px}.auth-icon-button:hover{background-color:var(--primary-color);color:#fff}.person-icon{height:24px;width:24px}.login-button,.profile-button,.profile-link,.signup-button{border-radius:4px;cursor:pointer;display:inline-block;font-weight:600;min-width:100px;padding:.5rem 1.2rem;text-align:center;text-decoration:none;transition:all .3s ease;width:100px}.login-button,.signup-button{border:2px solid var(--primary-color);color:var(--secondary-color)}.signup-button{background-color:var(--primary-color)}.profile-link{background-color:initial;color:var(--primary-color)}.profile-button,.profile-link{border:2px solid var(--primary-color)}.profile-button{align-items:center;background-color:var(--primary-color);color:var(--secondary-color);display:flex}.login-button:hover,.profile-link:hover{background-color:#f15d011a}.profile-button:hover,.signup-button:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.profile-dropdown{display:flex;gap:10px;position:relative}.profile-menu{background-color:#fff;border-radius:4px;box-shadow:0 5px 15px #0000001a;margin-top:10px;overflow:hidden;position:absolute;right:0;top:100%;width:180px;z-index:1000}.mobile-auth-buttons,.mobile-profile{border-top:1px solid var(--medium-gray);display:none;gap:10px;justify-content:center;margin-top:20px;padding-top:20px;width:100%}.mobile-profile{align-items:center;flex-direction:column}.mobile-profile .profile-button,.mobile-profile .profile-link{margin:5px 0;max-width:250px;width:80%}.mobile-auth-buttons .mobile-auth-link{background-color:var(--primary-color);border:2px solid var(--primary-color);border-radius:4px;color:var(--secondary-color);cursor:pointer;display:inline-block;font-weight:600;max-width:120px;min-width:100px;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:all .3s ease;width:40%}.mobile-auth-buttons .mobile-auth-link:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}@media screen and (max-width:768px){.mobile-auth-buttons,.mobile-profile{display:flex}.profile-dropdown{align-items:center;flex-direction:column;width:100%}.profile-button,.profile-link{text-align:center;width:100%}.profile-menu{margin-top:20px;max-width:300px;position:fixed;right:50%;top:auto;transform:translateX(50%);width:90%}}.profile-menu a,.profile-menu button{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:1rem;padding:12px 15px;text-align:left;text-decoration:none;transition:background-color .3s;width:100%}.profile-menu a:hover,.profile-menu button:hover{background-color:#f5f5f5;color:#2ecc71}.profile-menu button{border-top:1px solid #eee;color:#e74c3c}.menu-divider{background-color:#eee;height:1px;margin:5px 0}.hamburger{cursor:pointer}.hamburger,.mobile-logo{display:none}.bar{background-color:#333;display:block;height:3px;margin:5px auto;transition:all .3s ease;width:25px}@keyframes slideInMobile{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@media screen and (max-width:768px){.navbar-container{padding:.8rem 1rem}.navbar-logo{margin-bottom:.2rem}.navbar-logo img{height:130px}.navbar-content{position:relative;width:100%}.navbar-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f15d01,#ff7b2e);height:100vh;left:-100%;overflow-y:auto;position:fixed;top:0;transition:all .4s cubic-bezier(.25,.46,.45,.94);width:100%;z-index:999}.navbar-menu.active{box-shadow:0 0 50px #f15d014d;left:0}.navbar-menu .mobile-logo{border-bottom:2px solid #fff3;display:block;margin-bottom:2rem;padding:4rem 2rem 2rem;text-align:center}.navbar-menu .mobile-logo img{filter:brightness(0) invert(1);height:100px;transition:transform .3s ease;width:auto}.navbar-menu .mobile-logo img:hover{transform:scale(1.05)}.navbar-links{flex-direction:column;gap:0;padding:0 2rem 4rem;text-align:center;width:100%}.navbar-links li{animation:slideInMobile .6s ease forwards;border-bottom:1px solid #ffffff1a;margin:0;opacity:0;padding:1rem 0;transform:translateX(-50px)}.navbar-menu.active .navbar-links li:first-child{animation-delay:.1s}.navbar-menu.active .navbar-links li:nth-child(2){animation-delay:.2s}.navbar-menu.active .navbar-links li:nth-child(3){animation-delay:.3s}.navbar-menu.active .navbar-links li:nth-child(4){animation-delay:.4s}.navbar-menu.active .navbar-links li:nth-child(5){animation-delay:.5s}.navbar-menu.active .navbar-links li:nth-child(6){animation-delay:.6s}.navbar-menu.active .navbar-links li:nth-child(7){animation-delay:.7s}.navbar-links .nav-link,.navbar-links a{border-radius:8px;color:#fff!important;display:block;font-size:1.8rem!important;font-weight:600!important;margin:.5rem 0;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.navbar-links .nav-link:hover,.navbar-links a:hover{background-color:#fff3;color:#fff!important;transform:translateX(10px)}.navbar-links .nav-link:after,.navbar-links a:after{display:none}.navbar-links .nav-link[to="/events"],.navbar-links .nav-link[to="/games"],.navbar-links a[href="/events"],.navbar-links a[href="/games"]{min-width:0;min-width:auto;width:auto}.navbar-buttons{display:none}.login-button,.signup-button{font-size:.9rem;padding:.4rem .8rem}.navbar-buttons .profile-dropdown{display:none}.navbar-menu.active .mobile-auth-buttons,.navbar-menu.active .mobile-profile{display:flex}.navbar-menu.active~.navbar-buttons{display:none}.hamburger{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffe6;border-radius:8px;display:block;padding:8px;position:fixed;right:1rem;top:1rem;transition:all .3s ease;z-index:1000}.hamburger:hover{background-color:#f15d011a}.hamburger.active{background-color:#fff3}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:first-child{background-color:#fff;transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){background-color:#fff;transform:translateY(-8px) rotate(-45deg)}}.admin-navbar{background-color:#f15d01}.admin-navbar .navbar-logo img{filter:brightness(0) invert(1);max-height:40px}.admin-navbar .profile-button{align-items:center;background-color:initial;border-color:#fff;color:#fff;display:flex;gap:8px}.profile-icon{align-items:center;background-color:#fff;border-radius:50%;color:#f15d01;display:flex;font-weight:700;height:30px;justify-content:center;width:30px}.profile-name{font-weight:500}.admin-navbar .hamburger .bar{background-color:#fff}.admin-navbar .navbar-links a{color:#fff}.admin-navbar .navbar-links a.active,.admin-navbar .navbar-links a:hover{color:#f0f0f0}.admin-navbar .navbar-links a.active:after,.admin-navbar .navbar-links a:after{background-color:#fff}.admin-main-nav{display:flex;margin-left:30px}.admin-main-nav .navbar-links{display:flex;gap:5px}.admin-main-nav .navbar-links li{margin:0}.admin-main-nav .navbar-links a{border-radius:4px;color:#fff;font-size:14px;padding:8px 15px;transition:all .2s}.admin-main-nav .navbar-links a.active,.admin-main-nav .navbar-links a:hover{background-color:#fff3}.admin-main-nav .navbar-links a:after{display:none}.admin-main-nav .navbar-links a.view-site{background-color:#fff;color:#f15d01;font-weight:500}.admin-main-nav .navbar-links a.view-site:hover{background-color:#f0f0f0}@media (max-width:992px){.admin-main-nav{display:none}}.footer{background-color:var(--light-gray);padding:4rem 2rem 1rem}.footer-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-logo img{height:50px;margin-bottom:1rem}.footer-logo .logo-container{display:inline-block;position:relative}.footer-links{display:flex;flex-wrap:wrap;gap:3rem}.footer-column h4{color:var(--text-color);font-size:1.2rem;margin-bottom:1.2rem}.footer-column ul{list-style:none;padding:0}.footer-column li{margin-bottom:.8rem}.footer-column a{color:var(--dark-gray);text-decoration:none;transition:color .3s ease}.footer-column a:hover{color:var(--primary-color)}.social-icons-container{margin-top:.5rem}.social-icons-container,.social-icons-list{align-items:center;display:flex;height:36px}.social-icons-list{flex-wrap:wrap;gap:.8rem;list-style:none;padding:0}.social-icon,.social-icons-list li{align-items:center;display:flex;justify-content:center;margin:0;padding:0}.social-icon{background-color:var(--primary-color);border-radius:50%;font-size:1rem;height:36px;position:relative;width:36px}.social-icon,.social-icon i{color:var(--secondary-color)!important}.social-icon i{left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.social-icon:hover{box-shadow:0 4px 8px #f15d014d}.footer-bottom{border-top:1px solid #ddd;color:#777;margin-top:3rem;padding-top:1.5rem;text-align:center}@media screen and (max-width:768px){.footer-container{align-items:center;flex-direction:column;text-align:center}.footer-links{justify-content:center}}:root{--admin-primary:#f15d01;--admin-primary-dark:#c64b01;--admin-primary-light:#ff7b2d;--admin-secondary:#f8f9fa;--admin-text:#333;--admin-text-light:#6c757d;--admin-border:#dee2e6;--admin-success:#28a745;--admin-warning:#ffc107;--admin-danger:#dc3545;--admin-info:#17a2b8;--admin-sidebar-width:250px;--admin-sidebar-collapsed-width:70px;--admin-header-height:60px;--admin-transition:all 0.3s ease}.admin-layout{background-color:#f5f5f5;color:#333;color:var(--admin-text);display:flex;min-height:100vh}.admin-sidebar{background-color:#fff;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:fixed;transition:all .3s ease;transition:var(--admin-transition);width:250px;width:var(--admin-sidebar-width);z-index:1000}.admin-layout.collapsed .admin-sidebar{width:70px;width:var(--admin-sidebar-collapsed-width)}.sidebar-header{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--admin-border);justify-content:space-between;padding:1rem}.admin-logo,.sidebar-header{align-items:center;display:flex}.admin-logo{color:#f15d01;color:var(--admin-primary);font-weight:700;text-decoration:none}.admin-logo img{height:30px;margin-right:10px}.sidebar-toggle{background:none;border:none;color:#6c757d;color:var(--admin-text-light);cursor:pointer;font-size:1.2rem}.sidebar-user{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--admin-border);padding:1rem}.sidebar-user,.user-avatar{align-items:center;display:flex}.user-avatar{background-color:#f15d01;background-color:var(--admin-primary);border-radius:50%;color:#fff;font-weight:700;height:40px;justify-content:center;margin-right:10px;width:40px}.admin-avatar{background:linear-gradient(135deg,#f15d01,#ff7b2d);box-shadow:0 2px 8px #f15d014d;font-size:1.2rem;font-weight:700}.admin-role{background-color:#f15d011a;border-radius:10px;color:#f15d01;color:var(--admin-primary);display:inline-block;font-size:.75rem;font-weight:500;padding:2px 8px}.user-info h4{font-size:.9rem;margin:0}.user-info p{color:#6c757d;color:var(--admin-text-light);font-size:.8rem;margin:0}.sidebar-nav{flex:1 1;padding:1rem 0}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li{margin-bottom:5px}.sidebar-nav .nav-link-button{align-items:center;background:none;border:none;color:#333;color:var(--admin-text);cursor:pointer;display:flex;padding:.8rem 1rem;text-align:left;text-decoration:none;transition:all .3s ease;transition:var(--admin-transition);width:100%}.sidebar-nav li.active .nav-link-button{background-color:#f15d011a;border-left:3px solid #f15d01;border-left:3px solid var(--admin-primary);color:#f15d01;color:var(--admin-primary)}.sidebar-nav .nav-link-button:hover{background-color:#f15d010d}.nav-icon{font-size:1.2rem;margin-right:10px;text-align:center;width:24px}.sidebar-footer{border-top:1px solid #dee2e6;border-top:1px solid var(--admin-border);display:flex;flex-direction:column;gap:10px;padding:1rem}.logout-button,.site-link{align-items:center;background:none;border:none;border-radius:4px;color:#333;color:var(--admin-text);cursor:pointer;display:flex;font-size:.9rem;padding:.5rem;text-align:left;text-decoration:none;transition:all .3s ease;transition:var(--admin-transition)}.logout-button:hover,.site-link:hover{background-color:#f15d010d}.logout-button{color:#dc3545;color:var(--admin-danger)}.admin-content{display:flex;flex:1 1;flex-direction:column;margin-left:250px;margin-left:var(--admin-sidebar-width);transition:var(--admin-transition)}.admin-layout.collapsed .admin-content{margin-left:70px;margin-left:var(--admin-sidebar-collapsed-width)}.admin-header{align-items:center;background-color:#fff;box-shadow:0 2px 5px #0000000d;display:flex;height:60px;height:var(--admin-header-height);justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:900}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;width:30px}.mobile-menu-toggle span{background-color:#333;background-color:var(--admin-text);border-radius:3px;display:block;height:3px;width:100%}.header-title h1{color:#333;color:var(--admin-text);font-size:1.5rem;margin:0}.header-actions{gap:1rem}.header-actions,.search-bar{align-items:center;display:flex}.search-bar{background-color:#f8f9fa;background-color:var(--admin-secondary);border-radius:4px;padding:.3rem .5rem}.search-bar input{background:none;border:none;outline:none;padding:.3rem;width:200px}.search-button{background:none;border:none;cursor:pointer}.quick-actions{display:flex;gap:.5rem}.action-button{background:none;color:#6c757d;color:var(--admin-text-light);font-size:1.2rem;transition:all .3s ease;transition:var(--admin-transition)}.action-button:hover{color:#f15d01;color:var(--admin-primary)}.admin-main-content{flex:1 1;padding:1.5rem}.mobile-menu{background-color:#fff;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%;z-index:1100}.mobile-menu.open{transform:translateX(0)}.mobile-menu-header{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--admin-border);justify-content:space-between;padding:1rem}.mobile-avatar,.mobile-menu-header,.mobile-user-info{align-items:center;display:flex}.mobile-avatar{background-color:#f15d01;background-color:var(--admin-primary);border-radius:50%;color:#fff;font-weight:700;height:40px;justify-content:center;margin-right:10px;width:40px}.mobile-user-details h4{font-size:.9rem;margin:0}.mobile-user-details p{color:#6c757d;color:var(--admin-text-light);font-size:.8rem;margin:0}.close-menu-btn{background:none;border:none;color:#333;color:var(--admin-text);cursor:pointer;font-size:1.5rem}.mobile-menu-items{padding:1rem 0}.mobile-item{align-items:center;background:none;border:none;color:#333;color:var(--admin-text);cursor:pointer;display:flex;font-size:1rem;padding:.8rem 1rem;text-align:left;text-decoration:none;transition:all .3s ease;transition:var(--admin-transition);width:100%}.mobile-item.active{background-color:#f15d011a;border-left:3px solid #f15d01;border-left:3px solid var(--admin-primary);color:#f15d01;color:var(--admin-primary)}.mobile-item:hover{background-color:#f15d010d}.mobile-icon{font-size:1.2rem;margin-right:15px;text-align:center;width:24px}.mobile-divider{background-color:#dee2e6;background-color:var(--admin-border);height:1px;margin:1rem 0}.mobile-item.logout{color:#dc3545;color:var(--admin-danger)}@media (max-width:992px){.admin-sidebar{left:0;position:fixed;top:0;transform:translateX(-100%)}.admin-sidebar.mobile-open{transform:translateX(0)}.admin-content{margin-left:0!important}.mobile-menu-toggle{display:flex}.sidebar-toggle{display:none}}@media (max-width:768px){.search-bar{display:none}.header-title h1{font-size:1.2rem}}.loader-wrapper{align-items:center;background-color:#fff;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;transition:opacity .8s ease;width:100%;z-index:9999}.loader-wrapper.fade-out{opacity:0}.loader-container{height:400px;perspective:1000px;position:relative;width:400px}.loader-bg{animation:pulse-bg 3s ease-in-out infinite;background:radial-gradient(circle,#fff 0,#f5f5f5 100%);box-shadow:0 0 50px #3b7d2333}.loader-bg,.loader-glow{border-radius:50%;height:100%;position:absolute;width:100%}.loader-glow{animation:glow-pulse 3s ease-in-out infinite alternate;background:radial-gradient(circle,#f15d0133 0,#f15d0100 70%);filter:blur(20px)}.letter-container{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%}.letter{color:var(--primary-color);font-family:Arial Black,Arial Bold,Gadget,sans-serif;font-size:90px;font-weight:900;opacity:0;position:absolute;text-shadow:0 0 15px #f15d01b3;transform:translateY(-300px) scale(1.5);z-index:10}.z{animation:dropLetter .6s cubic-bezier(.17,.67,.83,.67) .2s forwards,float 2s ease-in-out .8s infinite;left:80px}.o{animation:dropLetter .6s cubic-bezier(.17,.67,.83,.67) .4s forwards,float 2s ease-in-out 1s infinite;left:150px}.l{animation:dropLetter .6s cubic-bezier(.17,.67,.83,.67) .6s forwards,float 2s ease-in-out 1.2s infinite;left:220px}.b{animation:dropLetter .6s cubic-bezier(.17,.67,.83,.67) .8s forwards,float 2s ease-in-out 1.4s infinite;left:270px}.letter-shadow{background:#0000001a;border-radius:50%;filter:blur(4px);height:20px;opacity:0;position:absolute;transform:scale(0);width:60px;z-index:5}.z-shadow{animation:shadowAppear .3s ease-out .8s forwards;left:95px;top:220px}.o-shadow{animation:shadowAppear .3s ease-out 1s forwards;left:165px;top:220px}.l-shadow{animation:shadowAppear .3s ease-out 1.2s forwards;left:235px;top:220px}.b-shadow{animation:shadowAppear .3s ease-out 1.4s forwards;left:285px;top:220px}.splash-container{height:100%;pointer-events:none;position:absolute;width:100%}.splash{background:radial-gradient(circle,#3b7d23cc 0,#3b7d2300 70%);border-radius:50%;height:60px;opacity:0;position:absolute;transform:scale(0);width:60px}.splash-z{animation:splashEffect .5s ease-out .8s forwards;left:95px;top:200px}.splash-o{animation:splashEffect .5s ease-out 1s forwards;left:165px;top:200px}.splash-l{animation:splashEffect .5s ease-out 1.2s forwards;left:235px;top:200px}.splash-b{animation:splashEffect .5s ease-out 1.4s forwards;left:285px;top:200px}.loading-text{bottom:40px;color:var(--primary-color);font-size:18px;font-weight:700;left:50%;letter-spacing:1px;position:absolute;transform:translateX(-50%)}.loading-text span{display:inline-block}.dot-1,.dot-2,.dot-3{animation:dotPulse 1.5s infinite}.dot-1{animation-delay:0s}.dot-2{animation-delay:.3s}.dot-3{animation-delay:.6s}@keyframes dropLetter{0%{opacity:0;transform:translateY(-300px) scale(1.5) rotate(-5deg)}70%{opacity:1;transform:translateY(20px) scale(1) rotate(5deg)}85%{transform:translateY(-10px) scale(1) rotate(-2deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes shadowAppear{0%{opacity:0;transform:scale(0)}to{opacity:.7;transform:scale(1)}}@keyframes splashEffect{0%{opacity:0;transform:scale(0)}50%{opacity:.8}to{opacity:0;transform:scale(2)}}@keyframes pulse-bg{0%,to{box-shadow:0 0 50px #3b7d2333}50%{box-shadow:0 0 70px #3b7d2366}}@keyframes glow-pulse{0%{opacity:.5;transform:scale(.8)}to{opacity:.8;transform:scale(1.2)}}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@media (max-width:768px){.loader-container{height:300px;width:300px}.letter{font-size:70px}.z{left:60px}.o{left:115px}.l{left:170px}.b{left:210px}.z-shadow{left:75px;top:180px}.o-shadow{left:130px;top:180px}.l-shadow{left:185px;top:180px}.b-shadow{left:225px;top:180px}.splash-z{left:75px;top:160px}.splash-o{left:130px;top:160px}.splash-l{left:185px;top:160px}.splash-b{left:225px;top:160px}}@media (max-width:480px){.loader-container{height:250px;width:250px}.letter{font-size:60px}.z{left:40px}.o{left:90px}.l{left:140px}.b{left:175px}.splash-z,.z-shadow{left:55px}.o-shadow,.splash-o{left:105px}.l-shadow,.splash-l{left:155px}.b-shadow,.splash-b{left:190px}.b-shadow,.l-shadow,.o-shadow,.z-shadow{top:160px}.splash-b,.splash-l,.splash-o,.splash-z{top:140px}}.hero-section{align-items:flex-end;color:#fff;display:flex;height:100vh;justify-content:center;overflow:hidden;padding-bottom:5px;position:relative;text-align:center;width:100%}.hero-video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}.hero-content{flex-direction:column;height:20%;margin-top:0;max-width:800px;padding:0 2rem;width:100%}.hero-content,.hero-text{align-items:center;display:flex;justify-content:center;position:relative}.hero-text{color:#fff;cursor:pointer;font-size:4rem;font-weight:300;gap:1rem;text-align:center;text-shadow:2px 2px 4px #00000080;transition:all .3s ease;z-index:10}.hero-text:hover{transform:scale(1.05)}.play-icon{align-items:center;animation:pulse 2s infinite;color:#f15d01;display:inline-flex;font-size:6rem;justify-content:center;text-shadow:0 0 10px #f15d0180}.play-overlay{cursor:pointer;left:50%;pointer-events:auto;position:absolute;top:70%;transform:translate(-50%,-50%);z-index:15}.play-button{align-items:center;animation:playButtonPulse 2s infinite;background:#f15d01;border:5px solid #fff;border-radius:50%;box-shadow:0 0 40px #f15d01b3,0 0 80px #f15d014d;display:flex;height:150px;justify-content:center;transition:all .3s ease;width:150px}.play-button:hover{background:#f15d01;box-shadow:0 0 50px #f15d01cc;transform:scale(1.1)}.play-button-icon{color:#fff;font-size:3rem;margin-left:8px;text-shadow:0 2px 4px #0000004d}@keyframes playButtonPulse{0%{box-shadow:0 0 40px #f15d01b3,0 0 80px #f15d014d;transform:scale(1)}50%{box-shadow:0 0 60px #f15d01e6,0 0 120px #f15d0180;transform:scale(1.05)}to{box-shadow:0 0 40px #f15d01b3,0 0 80px #f15d014d;transform:scale(1)}}.highlight{color:#f15d01;font-weight:800}.hero-buttons{align-items:center;display:flex;flex-direction:row;gap:3rem;justify-content:center;margin-top:2rem;width:100%}.hero-buttons a{display:inline-block;text-decoration:none;width:250px}.primary-button,.secondary-button{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:10px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;font-size:1.4rem;font-weight:700;height:80px;justify-content:center;padding:10 8rem;text-shadow:none;transition:all .3s ease;width:200px}.primary-button{background-color:#fff3;border:2px solid #f15d01;box-shadow:0 4px 15px #f15d0126,inset 0 0 10px #ffffff1a;color:#f15d01;font-weight:700;overflow:hidden;position:relative}.primary-button:before{background:radial-gradient(circle,#3b7d231a 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.primary-button:hover:before{opacity:1}.secondary-button{background-color:#ffffff26;border:2px solid #f15d01;box-shadow:0 4px 15px #f15d0126,inset 0 0 10px #ffffff0d;color:#f15d01;font-weight:700;overflow:hidden;position:relative}.secondary-button:before{background:radial-gradient(circle,#f15d011a 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.secondary-button:hover:before{opacity:1}.primary-button:hover,.secondary-button:hover{background-color:#f15d01b3;border:2px solid #f15d01cc;box-shadow:0 8px 20px #f15d014d,inset 0 0 15px #fff3;color:#fff;text-shadow:0 0 5px #ffffff80;transform:translateY(-3px)}@media screen and (max-width:768px){.hero-buttons{flex-direction:row;gap:1.5rem;margin-top:1.5rem;max-width:500px;width:100%}.hero-buttons a{width:auto}.primary-button,.secondary-button{font-size:1rem;padding:.8rem 1.2rem;width:auto}.hero-section{padding-bottom:15px}.hero-text{font-size:3rem;gap:.5rem}.play-icon{font-size:4rem}.play-button{height:80px;width:80px}.play-button-icon{font-size:2rem;margin-left:5px}}.home-page{width:100%}.home-intro{background-color:#fff;padding:60px 0 40px;text-align:center}.home-intro h2{color:#f15d01;display:inline-block;font-size:3rem;font-weight:800;margin-bottom:30px;position:relative}.home-intro h2:after{background-color:#f15d01;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.home-intro p{color:#555;font-size:1.1rem;line-height:1.6;margin:0 auto 40px;max-width:700px}.welcome-section{margin-bottom:50px;text-align:center}.welcome-section h2{color:#f15d01;display:inline-block;font-size:3rem;font-weight:300;letter-spacing:2px;margin-bottom:30px;position:relative;text-transform:uppercase}.welcome-section h2:after{background-color:#f15d01;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.game-slogan{background-color:initial;margin:20px auto 40px;max-width:1000px;overflow:hidden;padding:30px 40px;position:relative;text-align:center;width:100%}.slogan-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.spencer-font{color:#f15d01;display:inline-block;font-family:Impact,Arial Black,sans-serif;font-size:2.3rem;font-weight:800;letter-spacing:1.5px;line-height:1.2;padding:5px;position:relative;text-shadow:2px 2px 0 #00000026;text-transform:uppercase;transform:perspective(500px) rotateX(5deg)}.spencer-font-line1,.spencer-font-line2{display:inline-block;white-space:nowrap}.spencer-font span{animation:bounce .5s ease infinite alternate;animation-delay:calc(.1s*var(--i));display:inline-block;margin:0 1px}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.feature-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:50px}.feature-card{padding:30px;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{align-items:center;color:#f15d01;display:flex;font-size:3.5rem;justify-content:center;margin:0 auto 20px;transition:all .3s ease}.feature-card:hover .feature-icon,.feature-card:hover .groove-icon-wrapper{transform:scale(1.1)}.custom-icon{height:60px;object-fit:cover;width:60px}.groove-icon-wrapper{align-items:center;display:flex;height:60px;justify-content:center;position:relative;width:60px}.feature-card h3{color:#f15d01;font-size:1.7rem;font-weight:300;margin-bottom:15px;text-transform:uppercase}.feature-card p{color:#666;line-height:1.5;margin:0}.home-cta{background-color:#f15d010d;border-top:4px solid #f15d011a;padding:80px 0;text-align:center}.home-cta h2{color:#f15d01;font-size:2.8rem;font-weight:300;margin-bottom:20px;text-transform:uppercase}.home-cta p{color:#333;font-size:1.2rem;font-weight:500;margin:0 auto 40px;max-width:700px}.cta-buttons{display:flex;gap:20px;justify-content:center}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.cta-button{border-radius:25px;box-shadow:0 6px 0 #c64b01,0 8px 10px #f15d014d;display:inline-block;font-size:1.1rem;font-weight:300px;letter-spacing:1px;min-width:200px;overflow:hidden;padding:15px 35px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s ease;z-index:1}.cta-button:before{background:linear-gradient(90deg,#fff0,#fff3 50%,#fff0);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s ease;width:200%;z-index:-1}.cta-button.primary,.cta-button.secondary{animation:pulse 2s infinite;background:#0000;border:2px solid #f15d01;color:#f15d01}.cta-button.secondary{animation-delay:1s}.cta-button.primary:hover,.cta-button.secondary:hover{background-color:#f15d011a;box-shadow:0 9px 0 #c64b01,0 12px 15px #f15d0133;transform:translateY(-3px)}.cta-button:hover:before{animation:shimmer 1.5s infinite}.cta-button:active{background-color:#f15d0126;box-shadow:0 3px 0 #c64b01,0 4px 5px #f15d0133;transform:translateY(3px)}@media screen and (max-width:1024px) and (min-width:769px){.spencer-font{font-size:1.8rem;letter-spacing:1.2px}.game-slogan{max-width:90%;padding:25px 30px}}@media screen and (max-width:768px){.home-cta h2,.home-intro h2{font-size:2rem}.welcome-section h2{font-size:2.2rem;letter-spacing:1px}.spencer-font{font-size:1.4rem;letter-spacing:.8px;padding:5px}.spencer-font-line1,.spencer-font-line2{margin:5px 0}.game-slogan{margin:20px auto 15px;max-width:95%;padding:20px 15px}.feature-grid{grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}.cta-button{font-size:1rem;max-width:300px;min-width:0;min-width:auto;padding:12px 25px;text-align:center;width:100%}.cta-button.primary,.cta-button.secondary{animation:pulse 3s infinite}}@media screen and (max-width:480px){.spencer-font{font-size:1.2rem;letter-spacing:.5px}.spencer-font-line1,.spencer-font-line2{margin:3px 0}.game-slogan{padding:15px 10px}.spencer-font span{margin:0}.cta-button{border-radius:20px;box-shadow:0 4px 0 #c64b01,0 6px 8px #f15d0126;font-size:.9rem;padding:10px 20px}.cta-button:hover{background-color:#f15d011a;box-shadow:0 6px 0 #c64b01,0 8px 12px #f15d0133}}.user-home-page{padding-top:95px;width:100%}.user-welcome-banner{background:linear-gradient(135deg,#f15d01,#ff7b2d);color:#fff;margin-bottom:15px;padding:15px 0;text-align:center}.user-welcome-banner h1{font-size:1.8rem;font-weight:700;margin-bottom:5px}.user-welcome-banner p{font-size:.9rem;margin:0 auto;max-width:700px;opacity:.9}.user-home-content{padding-bottom:30px}.user-home-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:992px){.user-home-grid{grid-template-columns:1fr 1fr}.quick-links-section{grid-column:1/-1}}.user-home-section{background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;padding:15px;transition:transform .3s ease,box-shadow .3s ease}.user-home-section:hover{box-shadow:0 8px 25px #00000014;transform:translateY(-5px)}.section-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.section-header h2{color:#f15d01;font-size:1.2rem;font-weight:600;margin:0}.view-all-link{background-color:#f15d011a;border-radius:20px;color:#f15d01;font-size:.9rem;font-weight:500;padding:5px 10px;text-decoration:none;transition:background-color .2s ease}.view-all-link:hover{background-color:#f15d0133;text-decoration:none}.game-stats-grid{grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.game-stat-card{align-items:center;border:1px solid #eee;color:#333;display:flex;flex-direction:column;padding:10px;text-align:center;text-decoration:none}.game-stat-card:hover{border-color:#f15d01;box-shadow:0 5px 15px #0000001a}.game-icon{background-color:#3b7d231a;border-radius:50%;font-size:1.5rem;height:40px;margin:0 auto 10px;width:40px}.game-info{width:100%}.game-info h3{color:#3b7d23;font-size:.9rem;margin:0 0 5px}.high-score{font-size:.8rem;margin:3px 0}.high-score span{color:#3b7d23;font-weight:600}.last-played{color:#777;font-size:.7rem;margin:3px 0}.play-now{background-color:#3b7d23;border-radius:15px;color:#fff;font-size:.75rem;font-weight:500;margin-top:8px;padding:5px 10px;transition:background-color .2s ease}.game-stat-card:hover .play-now{background-color:#2c5e1a}.upcoming-events-list{display:flex;flex-direction:column;gap:10px}.event-card{background-color:#f9f9f9;border:1px solid #eee;border-radius:10px}.event-card:hover{border-color:#3b7d23;box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.event-date{background-color:#3b7d23;min-width:60px;padding:10px;text-align:center}.day{font-size:1.2rem}.month{font-size:.7rem;margin-top:3px;text-transform:uppercase}.event-details{padding:10px}.event-details h3{font-size:.9rem;margin:0 0 5px}.event-location,.event-time{color:#666;font-size:.75rem;margin:2px 0}.view-event-button{background-color:initial;border:1px solid #3b7d23;border-radius:15px;color:#3b7d23;display:inline-block;font-size:.7rem;margin-top:5px;padding:3px 10px;text-decoration:none;transition:all .2s ease}.view-event-button:hover{background-color:#3b7d23;color:#fff}.no-events-message{background-color:#f9f9f9;border-radius:10px;color:#666;padding:30px 20px;text-align:center}.browse-events-button{background-color:#3b7d23;border-radius:20px;color:#fff;display:inline-block;font-weight:500;margin-top:15px;padding:8px 20px;text-decoration:none;transition:background-color .2s ease}.browse-events-button:hover{background-color:#2c5e1a}.quick-links-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:10px}.quick-link-card{background-color:#f9f9f9;border:1px solid #eee;border-radius:10px;color:#333;padding:12px;text-align:center;text-decoration:none;transition:all .3s ease}.quick-link-card:hover{border-color:#3b7d23;box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.quick-link-icon{font-size:1.5rem;margin-bottom:8px}.quick-link-card h3{color:#3b7d23;font-size:.9rem;margin:0 0 5px}.quick-link-card p{color:#666;font-size:.75rem;margin:0}.loading-indicator{color:#666;font-size:.8rem;font-style:italic;padding:15px;text-align:center}.games-page{margin:0 auto;max-width:1200px;padding:100px 20px 40px}.games-header{margin-bottom:40px;text-align:center}.games-header h1{color:#f15d01;display:inline-block;font-size:2.5rem;margin-bottom:15px;position:relative}.games-header h1:after{background-color:#f15d01;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.games-header p{color:#555;font-size:1.1rem;margin:0 auto;max-width:700px}.games-grid{grid-gap:30px;gap:30px}.game-card{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:380px;padding:30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.game-card:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-10px)}.game-icon{align-items:center;display:flex;font-size:3.5rem;height:120px;justify-content:center;margin-bottom:20px}.game-card-image{border-radius:10px;box-shadow:0 4px 8px #f15d0133;height:auto;max-width:120px;object-fit:cover;transition:transform .3s ease;width:100%}.game-card:hover .game-card-image{transform:scale(1.05)}.game-card h3{color:#f15d01;font-size:1.5rem;font-weight:700;margin-bottom:15px}.game-card p{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;color:#555;display:-webkit-box;flex-grow:1;line-height:1.5;margin-bottom:25px;max-height:6em;overflow:hidden}.play-button{background-color:#f15d01;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .3s}.play-button:hover{background-color:#c64b01}.active-game-container{width:100%}.back-button{background-color:initial;border:2px solid #f15d01;border-radius:5px;color:#f15d01;cursor:pointer;font-weight:700;margin-bottom:20px;padding:8px 16px;transition:all .3s ease}.back-button:hover{background-color:#f15d011a}.active-game{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;overflow:hidden}.login-required-container{align-items:center;display:flex;justify-content:center;min-height:70vh;padding:20px}.login-required-content{background-color:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;max-width:600px;padding:40px;text-align:center;width:100%}.login-required-content h1{color:#f15d01;font-size:2.5rem;margin-bottom:20px}.login-required-icon{animation:pulse 2s infinite;font-size:5rem;margin:20px 0}.login-required-content h2{color:#333;font-size:1.8rem;margin-bottom:15px}.login-required-content p{color:#555;font-size:1.1rem;line-height:1.5;margin-bottom:10px}.login-required-buttons{display:flex;gap:20px;justify-content:center;margin-top:30px}.login-required-buttons .login-button,.login-required-buttons .register-button{border-radius:5px;font-weight:700;padding:12px 30px;text-decoration:none;transition:all .3s ease}.login-required-buttons .login-button{background-color:initial;border:2px solid #f15d01;color:#f15d01}.login-required-buttons .register-button{background-color:#f15d01;border:2px solid #f15d01;color:#fff}.login-required-buttons .login-button:hover{background-color:#f15d011a}.login-required-buttons .register-button:hover{background-color:#c64b01}.login-notification{background-color:#f8f9fa;border-left:4px solid #f15d01;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;overflow:hidden}.login-notification-content{align-items:center;display:flex;padding:15px 20px}.login-notification-icon{animation:gentle-bounce 2s infinite;color:#3b7d23;font-size:2.5rem;margin-right:20px}.login-notification-text{flex:1 1}.login-notification-text p{color:#333;font-size:1rem;margin:0}.login-notification-buttons{display:flex;gap:10px;margin-left:20px}.login-notification-buttons .login-button,.login-notification-buttons .register-button{border-radius:5px;font-size:.9rem;font-weight:700;padding:8px 15px;text-decoration:none;white-space:nowrap}.login-notification-buttons .login-button{background-color:initial;border:2px solid #f15d01;color:#f15d01}.login-notification-buttons .register-button{background-color:#f15d01;border:2px solid #f15d01;color:#fff}.login-notification-buttons .login-button:hover{background-color:#f15d011a}.login-notification-buttons .register-button:hover{background-color:#c64b01}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media screen and (max-width:768px){.games-header h1{font-size:2rem}.games-grid{grid-template-columns:1fr}.login-required-content{padding:30px 20px}.login-required-buttons{flex-direction:column;gap:10px}.login-notification-content{flex-direction:column;padding:20px;text-align:center}.login-notification-icon{margin-bottom:15px;margin-right:0}.login-notification-text{margin-bottom:15px}.login-notification-buttons{justify-content:center;margin-left:0}}.memory-game-container{margin:0 auto;max-width:860px;padding:20px}.game-intro-image{margin-bottom:25px;margin-left:auto;margin-right:auto;max-width:300px}.game-intro-image img{border-radius:10px;box-shadow:0 5px 15px #f15d0133;height:auto;transition:transform .3s ease;width:100%}.game-intro-image img:hover{transform:scale(1.05)}.memory-game{align-items:center;display:flex;flex-direction:column}.win-message{background-color:#f15d011a;border:2px solid #f15d01;border-radius:10px;margin-bottom:20px;padding:20px;text-align:center;width:100%}.win-message h3{color:#f15d01;margin-top:0}.win-message button{background-color:#f15d01;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:background-color .3s}.win-message button:hover{background-color:#c64b01}.card-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-top:20px}.card{aspect-ratio:3/4;cursor:pointer;perspective:1000px;position:relative;width:100%}.card-back,.card-front{align-items:center;backface-visibility:hidden;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;font-size:2.5rem;height:100%;justify-content:center;position:absolute;transition:transform .6s;width:100%}.card-front{background-color:#f15d01;color:#fff;transform:rotateY(0deg)}.card-back{background-color:#fff}.card-back,.card.flipped .card-front{transform:rotateY(180deg)}.card.flipped .card-back{transform:rotateY(0deg)}.card.matched .card-front{background-color:#c64b01;opacity:.8}.card.matched .card-back{background-color:#f15d011a}@media screen and (max-width:768px){.card-grid{grid-template-columns:repeat(3,1fr)}.game-header{flex-direction:column;gap:15px}}@media screen and (max-width:480px){.card-grid{grid-template-columns:repeat(2,1fr)}}.math-game-container{margin:0 auto;max-width:800px;padding:20px}.math-game{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;padding:30px}.difficulty-selector{align-items:center;display:flex;gap:8px}.difficulty-selector label{color:#555;font-weight:700}.difficulty-selector select{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:8px}.game-over button{background-color:#2ecc71}.game-over button:hover{background-color:#27ae60}.problem-container{align-items:center;background-color:#f9f9f9;border-radius:10px;display:flex;flex-direction:column;padding:30px}.problem{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:20px}.problem-container form{display:flex;gap:10px;max-width:400px;width:100%}.problem-container input{border:2px solid #ddd;border-radius:5px;flex:1 1;font-size:1.2rem;padding:12px;text-align:center}.problem-container input:focus{border-color:#f15d01;outline:none}.problem-container button{background-color:#f15d01;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:12px 20px;transition:background-color .3s}.problem-container button:hover{background-color:#c64b01}.feedback{margin-top:20px}@media screen and (max-width:768px){.game-header{align-items:flex-start;flex-direction:column;gap:15px}.game-controls{justify-content:space-between;width:100%}.problem{font-size:2rem}}@media screen and (max-width:480px){.game-stats{gap:15px}.game-stats,.problem-container form{flex-direction:column}.problem{font-size:1.8rem}}.word-game-container{margin:0 auto;max-width:800px;padding:20px}.word-game{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;padding:30px}.game-controls{align-items:center;display:flex;gap:15px}.category-selector{align-items:center;display:flex;gap:8px}.category-selector label{color:#555;font-weight:700}.category-selector select{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:8px}.game-controls button{background-color:#f15d01;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:background-color .3s}.game-controls button:hover{background-color:#c64b01}.game-stats{background-color:#f5f5f5;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.stat{align-items:center;display:flex;flex-direction:column}.stat span:first-child{color:#555;font-weight:700;margin-bottom:5px}.value{color:#f15d01;font-size:1.5rem;font-weight:700}.game-over{background-color:#f15d011a;border:2px solid #f15d01;border-radius:10px;margin:20px 0;padding:30px;text-align:center}.game-over h3{color:#f15d01;font-size:1.8rem;margin-top:0}.game-over p{font-size:1.2rem;margin-bottom:20px}.game-over button{background-color:#f15d01;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 20px;transition:background-color .3s}.game-over button:hover{background-color:#c64b01}.word-container{align-items:center;background-color:#f9f9f9;border-radius:10px;display:flex;flex-direction:column;padding:30px}.scrambled-word{color:#333;font-size:2.5rem;letter-spacing:5px}.hint-text,.scrambled-word{font-weight:700;margin-bottom:20px}.hint-text{color:#f15d01;font-size:1.2rem}.word-container form{display:flex;gap:10px;margin-bottom:15px;max-width:400px;width:100%}.word-container input{border:2px solid #ddd;border-radius:5px;flex:1 1;font-size:1.2rem;padding:12px;text-align:center;text-transform:uppercase}.word-container input:focus{border-color:#f15d01;outline:none}.word-container button{background-color:#f15d01;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:12px 20px;transition:background-color .3s}.word-container button:hover{background-color:#c64b01}.hint-button{background-color:initial!important;border:2px solid #f15d01!important;color:#f15d01!important;margin-bottom:15px;padding:8px 16px!important}.hint-button:hover{background-color:#f15d011a!important}.feedback{color:#333;font-size:1.2rem;font-weight:700;height:30px}@media screen and (max-width:768px){.game-header{align-items:flex-start;flex-direction:column;gap:15px}.game-controls{justify-content:space-between;width:100%}.scrambled-word{font-size:2rem;letter-spacing:3px}}@media screen and (max-width:480px){.game-stats{gap:15px}.game-stats,.word-container form{flex-direction:column}.scrambled-word{font-size:1.8rem;letter-spacing:2px}}.game-2048-container{margin:0 auto;max-width:500px;padding:20px}.game-intro{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;padding:40px 20px;text-align:center}.game-intro h2{color:#f15d01;margin-bottom:20px}.game-intro p{color:#555;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:600px}.start-game-btn{background-color:#f15d01;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:background-color .3s}.start-game-btn:hover{background-color:#c64b01}.game-2048{flex-direction:column}.game-2048,.game-header{align-items:center;display:flex}.game-header{justify-content:space-between;margin-bottom:20px;width:100%}.game-header h2{color:#f15d01;margin:0}.game-info{align-items:center;display:flex;gap:20px}.score-container{display:flex;flex-direction:column;gap:5px}.current-score,.high-score{border-radius:5px;padding:5px 10px}.current-score{background-color:#f15d011a}.high-score{background-color:#f1c40f1a}.login-reminder{color:#e67e22;display:block;font-size:.8rem;font-style:italic;margin-top:3px}.game-info p{color:#555;font-weight:700;margin:0}.new-high-score{color:#f39c12;margin-top:5px}.game-info button{background-color:#f15d01;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:background-color .3s}.game-info button:hover{background-color:#c64b01}.game-over-message,.win-message{background-color:#f15d011a;border:2px solid #f15d01;border-radius:10px;margin-bottom:20px;padding:20px;text-align:center;width:100%}.game-over-message h3,.win-message h3{color:#f15d01;margin-top:0}.game-over-message{background-color:#e74c3c1a;border-color:#e74c3c}.game-over-message h3{color:#e74c3c}.game-over-message button,.win-message button{background-color:#f15d01;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:8px 16px;transition:background-color .3s}.game-over-message button:hover,.win-message button:hover{background-color:#c64b01}.game-board{grid-gap:15px;background-color:#bbada0;border-radius:6px;display:grid;gap:15px;grid-template-rows:repeat(4,1fr);margin-bottom:20px;padding:15px}.board-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr)}.tile{align-items:center;border-radius:3px;display:flex;font-size:24px;font-weight:700;height:80px;justify-content:center;transition:all .1s ease-in-out;width:80px}.empty{background-color:#eee4da59}.tile-2{background-color:#eee4da;color:#776e65}.tile-4{background-color:#ede0c8;color:#776e65}.tile-8{background-color:#f2b179;color:#fff}.tile-16{background-color:#f59563;color:#fff}.tile-32{background-color:#f67c5f;color:#fff}.tile-64{background-color:#f65e3b;color:#fff}.tile-128{background-color:#edcf72}.tile-128,.tile-256{color:#fff;font-size:20px}.tile-256{background-color:#edcc61}.tile-512{background-color:#edc850;color:#fff;font-size:20px}.tile-1024{background-color:#edc53f}.tile-1024,.tile-2048{color:#fff;font-size:18px}.tile-2048{background-color:#f15d01}.game-controls{margin-top:20px;text-align:center}.game-controls p{color:#555;margin-bottom:15px}.control-buttons{align-items:center;flex-direction:column}.control-buttons,.horizontal-buttons{display:flex;gap:10px}.control-buttons button{background-color:#f15d01;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;height:50px;transition:background-color .3s;width:50px}.control-buttons button:hover{background-color:#c64b01}@media screen and (max-width:500px){.tile{font-size:20px;height:60px;width:60px}.tile-128,.tile-256,.tile-512{font-size:18px}.tile-1024,.tile-2048{font-size:16px}.game-header{flex-direction:column;gap:15px}.game-info{flex-direction:column;gap:10px}.score-container{flex-direction:row;justify-content:space-between;width:100%}}@media screen and (max-width:400px){.tile{font-size:18px;height:50px;width:50px}.tile-1024,.tile-128,.tile-2048,.tile-256,.tile-512{font-size:14px}}.tetris-container{align-items:center;display:flex;justify-content:center;padding:20px;width:100%}.tetris-game{background-color:#f5f5f5;border-radius:10px;box-shadow:0 5px 15px #0000001a;display:flex;margin:0 auto;max-width:800px;overflow:hidden;padding:20px}.tetris-info{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;justify-content:space-between;margin-right:20px;padding:20px;width:200px}.tetris-stats{margin-bottom:20px}.tetris-high-score,.tetris-level,.tetris-lines,.tetris-score{margin-bottom:15px}.tetris-controls h3,.tetris-high-score h3,.tetris-level h3,.tetris-lines h3,.tetris-next h3,.tetris-score h3{color:#f15d01;font-size:1.2rem;margin-bottom:5px}.tetris-high-score p,.tetris-level p,.tetris-lines p,.tetris-score p{color:#333;font-size:1.5rem;font-weight:700}.tetris-high-score p{color:#f39c12}.new-high-score{animation:pulse 1s infinite}.tetris-next{margin-bottom:20px}.tetris-controls{color:#555;font-size:.9rem}.tetris-controls p{margin:5px 0}.tetris-board-container{background-color:#000;border:2px solid #333;border-radius:4px;position:relative}.tetris-board{grid-gap:1px;background-color:#111;display:grid;grid-template-rows:repeat(20,25px);padding:2px}.tetris-row{grid-gap:1px;display:grid;grid-template-columns:repeat(10,25px)}.tetris-cell{border:1px solid #ffffff1a;border-radius:2px;height:25px;width:25px}.tetris-cell.filled{box-shadow:inset 0 0 5px #0000004d}.next-piece{grid-gap:1px;background-color:#f5f5f5;border-radius:4px;display:grid;margin:0 auto;padding:5px;width:fit-content}.next-piece .tetris-cell{height:15px;width:15px}.tetris-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.tetris-message{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0003;padding:30px;text-align:center}.tetris-message h2{color:#f15d01;font-size:1.8rem;margin-bottom:15px}.tetris-message p{color:#333;font-size:1.2rem;margin-bottom:20px}.tetris-button{background-color:#f15d01;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 20px;transition:background-color .3s}.tetris-button:hover{background-color:#c64b01}@media screen and (max-width:768px){.tetris-game{flex-direction:column;padding:10px}.tetris-info{flex-direction:row;flex-wrap:wrap;margin-bottom:20px;margin-right:0;padding:15px;width:100%}.tetris-stats{display:flex;justify-content:space-between;margin-bottom:15px;width:100%}.tetris-high-score,.tetris-level,.tetris-lines,.tetris-score{margin-bottom:0;margin-right:10px}.tetris-next{margin-right:20px}.tetris-board{grid-template-rows:repeat(20,20px)}.tetris-row{grid-template-columns:repeat(10,20px)}.tetris-cell{height:20px;width:20px}}@media screen and (max-width:480px){.tetris-board{grid-template-rows:repeat(20,15px)}.tetris-row{grid-template-columns:repeat(10,15px)}.tetris-cell{height:15px;width:15px}.tetris-info{padding:10px}.tetris-controls h3,.tetris-high-score h3,.tetris-level h3,.tetris-lines h3,.tetris-next h3,.tetris-score h3{font-size:1rem}.tetris-high-score p,.tetris-level p,.tetris-lines p,.tetris-score p{font-size:1.2rem}.tetris-controls{font-size:.8rem}.tetris-message{padding:20px}.tetris-message h2{font-size:1.5rem}.tetris-message p{font-size:1rem}.tetris-button{font-size:.9rem;padding:8px 16px}}.snake-container{align-items:center;display:flex;justify-content:center;padding:20px;width:100%}.snake-game{background-color:#f5f5f5;border-radius:10px;box-shadow:0 5px 15px #0000001a;margin:0 auto;max-width:800px;overflow:hidden}.snake-game,.snake-info{display:flex;padding:20px}.snake-info{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;flex-direction:column;justify-content:space-between;margin-right:20px;width:200px}.snake-stats{margin-bottom:20px}.snake-high-score,.snake-level,.snake-score{margin-bottom:15px}.snake-controls h3,.snake-high-score h3,.snake-level h3,.snake-score h3{color:#f15d01;font-size:1.2rem;margin-bottom:5px}.snake-high-score p,.snake-level p,.snake-score p{color:#333;font-size:1.5rem;font-weight:700}.snake-high-score p{color:#f39c12}.new-high-score{font-weight:700}.snake-controls{color:#555;font-size:.9rem}.snake-controls p{margin:5px 0}.snake-board-container{background-color:#f0f0f0;border:2px solid #ddd;border-radius:4px;padding:10px;position:relative;touch-action:none}.snake-board{grid-gap:1px;background-color:#e0e0e0;border:1px solid #ccc;display:grid}.snake-cell{border-radius:2px;height:20px;width:20px}.snake-cell.empty{background-color:#f8f8f8}.snake-cell.snake-head{background-color:#f15d01;border-radius:4px;box-shadow:inset 0 0 3px #0000004d}.snake-cell.snake-body{background-color:#f15d01;border-radius:3px}.snake-cell.food{animation:pulse 1s infinite alternate;background-color:#e74c3c;border-radius:50%;box-shadow:0 0 5px #e74c3c80}.snake-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.snake-message{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0003;padding:30px;text-align:center}.snake-message h2{color:#f15d01;font-size:1.8rem;margin-bottom:15px}.snake-message p{color:#333;font-size:1.2rem;margin-bottom:20px}.snake-button{background-color:#f15d01;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 20px;transition:background-color .3s}.snake-button:hover{background-color:#c64b01}@media screen and (max-width:768px){.snake-game{flex-direction:column;padding:10px}.snake-info{flex-direction:row;justify-content:space-between;margin-bottom:20px;margin-right:0;padding:15px;width:100%}.snake-stats{display:flex;margin-bottom:0}.snake-high-score,.snake-score{margin-right:20px}.snake-board-container{padding:5px}.snake-cell{height:15px;width:15px}}@media screen and (max-width:480px){.snake-cell{height:12px;width:12px}.snake-info{padding:10px}.snake-controls h3,.snake-high-score h3,.snake-level h3,.snake-score h3{font-size:1rem}.snake-high-score p,.snake-level p,.snake-score p{font-size:1.2rem}.snake-controls{font-size:.8rem}.snake-message{padding:20px}.snake-message h2{font-size:1.5rem}.snake-message p{font-size:1rem}.snake-button{font-size:.9rem;padding:8px 16px}}.flappy-container{align-items:center;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:800px;padding:20px}.flappy-header{background:linear-gradient(90deg,#f9f9f9,#fff);border-radius:12px;box-shadow:0 4px 15px #00000014;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px;width:100%}.flappy-score-container{display:flex;gap:20px}.flappy-high-score,.flappy-score{background:linear-gradient(145deg,#f15d01,#ff7b2d);border-radius:12px;box-shadow:0 4px 8px #f15d014d;color:#fff;min-width:110px;padding:12px 20px;text-align:center;transition:transform .2s,box-shadow .2s}.flappy-high-score:hover,.flappy-score:hover{box-shadow:0 6px 12px #f15d0166;transform:translateY(-2px)}.flappy-high-score h3,.flappy-score h3{font-size:1.1rem;font-weight:600;letter-spacing:1px;margin:0 0 8px;text-transform:uppercase}.flappy-high-score p,.flappy-score p{font-size:1.8rem;font-weight:700;margin:0;text-shadow:1px 1px 2px #0003}.flappy-controls{background:linear-gradient(145deg,#f5f5f5,#fff);border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 8px #0000000d;padding:12px 20px}.flappy-controls h3{color:#f15d01;font-size:1.1rem;font-weight:600;letter-spacing:1px;margin:0 0 8px;text-transform:uppercase}.flappy-controls p{align-items:center;color:#444;display:flex;font-size:.95rem;margin:0 0 6px}.flappy-controls p:before{color:#f15d01;content:"•";font-size:1.2rem;margin-right:6px}.flappy-game{-webkit-tap-highlight-color:transparent;background:linear-gradient(180deg,#64b5f6,#bbdefb);border:3px solid #f15d01;border-radius:15px;box-shadow:0 8px 20px #00000026;overflow:hidden;position:relative;touch-action:manipulation;transition:box-shadow .3s,transform .1s;-webkit-user-select:none;user-select:none}.flappy-game:hover{box-shadow:0 12px 28px #0003}.flappy-game:active{box-shadow:0 5px 15px #0000001a;transform:scale(.99)}.flappy-game:before{animation:cloudMove 60s linear infinite;background:#fffc;border-radius:50px;box-shadow:100px 20px 0 -20px #fff9,200px -30px 0 -10px #ffffffb3,50px 100px 0 -5px #ffffff80;content:"";height:50px;left:10%;position:absolute;top:15%;width:100px;z-index:1}@keyframes cloudMove{0%{transform:translateX(0)}to{transform:translateX(100%)}}.flappy-bird{background:linear-gradient(145deg,#ffeb3b,#fdd835);border-radius:50% 60% 40% 50%;box-shadow:0 2px 4px #0003;height:30px;position:absolute;transition:transform .1s;width:40px;z-index:10}.flappy-bird-body{animation:birdFloat .6s ease-in-out infinite alternate;height:100%;position:relative;width:100%}@keyframes birdFloat{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(3px) rotate(5deg)}}.flappy-bird-wing{animation:wingFlap .15s linear infinite alternate;background-color:#fdd835;border-radius:50% 50% 0 50%;height:12px;left:-5px;position:absolute;top:10px;transform-origin:right center;width:15px;z-index:11}@keyframes wingFlap{0%{transform:rotate(-30deg)}to{transform:rotate(30deg)}}.flapping .flappy-bird-wing{animation:wingFlap .1s linear infinite alternate!important}.flappy-bird:after{border-radius:50% 60% 40% 50%;content:"";height:15px;position:absolute;right:0;top:8px;width:20px}.flappy-bird-eye{background-color:#000;border-radius:50%;box-shadow:0 0 0 2px #fff;height:8px;position:absolute;right:8px;top:8px;width:8px}.flappy-bird-beak{background-color:#ff9800;clip-path:polygon(0 0,100% 50%,0 100%);height:8px;position:absolute;right:-5px;top:12px;transform:rotate(180deg);width:12px}.flappy-pipe{border:2px solid #a73f01;box-shadow:inset 0 0 10px #0003;z-index:5}.flappy-pipe,.flappy-pipe-bottom:before,.flappy-pipe-top:after{background:linear-gradient(90deg,#c64b01,#f15d01,#c64b01);position:absolute}.flappy-pipe-bottom:before,.flappy-pipe-top:after{border:2px solid #a83e01;box-shadow:0 4px 8px #0003;content:"";height:25px;left:-15px;width:calc(100% + 30px)}.flappy-pipe-top:after{border-radius:0 0 8px 8px;border-top:none;bottom:-25px}.flappy-pipe-bottom:before{border-bottom:none;border-radius:8px 8px 0 0;top:-25px}.flappy-message{background:#fffffff2;border:2px solid #3b7d23;border-radius:15px;box-shadow:0 8px 25px #0003;left:50%;max-width:80%;padding:25px 35px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:20}.flappy-message h2{color:#f15d01;font-size:2rem;font-weight:700;margin:0 0 15px;text-shadow:1px 1px 0 #ffffff80}.flappy-message p{color:#333;font-size:1.1rem;line-height:1.5;margin:8px 0}.new-high-score{animation:pulse-text 1s infinite;color:#f39c12!important;font-size:1.3rem!important;font-weight:700!important}@keyframes pulse-text{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.flappy-ground{background:linear-gradient(180deg,#8d6e63,#795548);bottom:0;box-shadow:inset 0 2px 5px #0000004d;height:30px;left:0;position:absolute;width:100%;z-index:5}.flappy-ground:before{background:#8d6e63;border-top:2px solid #0003;content:"";height:5px;left:0;position:absolute;top:-5px;width:100%}.flappy-grass{background:linear-gradient(180deg,#f15d01,#c64b01);bottom:30px;height:10px;left:0;position:absolute;width:100%;z-index:5}.flappy-debug{background-color:#f8f9fa;border:2px solid #f15d01;border-radius:10px;font-family:monospace;font-size:14px;margin:10px auto;max-width:360px;padding:10px}.flappy-debug p{color:#333;margin:5px 0}.flappy-debug button{background-color:#f15d01;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:5px;padding:8px 15px}.flappy-debug button:hover:not(:disabled){background-color:#2c5e1a}.flappy-debug button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.flappy-header{align-items:center;flex-direction:column;padding:12px}.flappy-score-container{justify-content:center;margin-bottom:15px;width:100%}.flappy-controls{text-align:center;width:100%}.flappy-game{height:500px!important;max-width:360px;width:100%!important}.flappy-message{padding:20px}.flappy-message h2{font-size:1.8rem}}@media (max-width:480px){.flappy-game{height:400px!important}.flappy-high-score,.flappy-score{min-width:90px;padding:10px 15px}.flappy-high-score h3,.flappy-score h3{font-size:.9rem}.flappy-high-score p,.flappy-message h2,.flappy-score p{font-size:1.5rem}.flappy-message p{font-size:1rem}}.games-page-container{padding-bottom:60px;padding-top:70px;width:100%}.prize-badge-container{position:absolute;right:10px;top:10px;z-index:10}.prize-badge{align-items:center;animation:pulseBadge 2s infinite;background:linear-gradient(135deg,#f15d01,#ff7b2d);border-radius:20px;box-shadow:0 2px 8px #f15d014d;color:#fff;display:flex;font-size:.85rem;font-weight:600;padding:5px 10px;transform-origin:center}.prize-icon{font-size:1rem;margin-right:5px}.prize-count{letter-spacing:.5px}.prize-display-container{background-color:#f15d010d;border:1px solid #f15d011a;border-radius:12px;margin:20px 0;padding:20px}.prize-section-title{align-items:center;color:#f15d01;display:flex;font-size:1.5rem;margin-bottom:20px;position:relative}.prize-section-title:after{background-color:#f15d01;border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.prize-icon-large{font-size:1.8rem;margin-right:10px}.prizes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.prize-card{background:#fff;border:1px solid #3b7d231a;border-radius:10px;box-shadow:0 4px 15px #00000014;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.prize-card:hover{box-shadow:0 8px 25px #f15d0126;transform:translateY(-5px)}.prize-card.expanded{box-shadow:0 12px 30px #f15d0133;transform:scale(1.02)}.prize-header{background:linear-gradient(135deg,#f15d011a,#f15d010d);padding:15px;position:relative}.prize-position{border-radius:0 0 0 10px;color:#fff;font-size:.8rem;font-weight:700;padding:5px 12px;position:absolute;right:0;top:0}.position-first{background-color:gold}.position-second{background-color:silver}.position-third{background-color:#cd7f32}.prize-name{color:#3b7d23;font-size:1.2rem;margin:0}.prize-value{color:#555;font-size:.9rem;font-weight:500;margin-top:5px}.prize-image-container{align-items:center;background-color:#f9f9f9;display:flex;height:180px;justify-content:center;overflow:hidden;width:100%}.prize-image{height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.prize-card:hover .prize-image{transform:scale(1.05)}.prize-description{border-top:1px solid #3b7d231a;color:#555;font-size:.9rem;line-height:1.5;padding:15px}.prize-sponsor{background-color:#f5f5f5;color:#777;font-size:.8rem;font-style:italic;padding:10px 15px;text-align:right}.no-prizes-container{color:#777;font-style:italic;padding:20px;text-align:center}@keyframes pulseBadge{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.prize-card:before{background:linear-gradient(90deg,#fff0 0,#ffffff4d 50%,#fff0);content:"";height:100%;left:-100%;position:absolute;top:0;transform:skewX(-25deg);width:50%;z-index:1}.prize-card:hover:before{animation:shine 1.5s}@media screen and (max-width:768px){.prizes-grid{grid-template-columns:1fr}.prize-badge{font-size:.75rem;padding:4px 8px}.prize-icon{font-size:.9rem}.prize-section-title{font-size:1.3rem}.prize-icon-large{font-size:1.5rem}}.events-page-container{padding-bottom:60px;padding-top:70px;width:100%}.page-header{z-index:1}.page-header h1{color:var(--primary-color);font-size:2.8rem}.groove-title{color:#f15d01!important;margin-bottom:25px}.groove-title:after{background-color:#f15d01;border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.events-list-container{display:flex;flex-direction:column;gap:30px;margin-bottom:60px}.event-card{background-color:#fff;border:1px solid #3b7d230d;border-radius:12px;box-shadow:0 5px 20px #3b7d231a;display:flex;overflow:hidden;position:relative;transition:all .3s ease}.event-card:before{background-color:var(--primary-color);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.event-card:hover{box-shadow:0 15px 30px #3b7d2326;transform:translateY(-5px) scale(1.01)}.event-card:hover:before{opacity:1}.event-date{align-items:center;background-color:var(--primary-color);box-shadow:inset 0 0 15px #0000001a;display:flex;flex-direction:column;justify-content:center;min-width:120px;padding:20px}.day{font-size:2.5rem;font-weight:700;line-height:1}.month{font-size:1.2rem;font-weight:600}.event-details{padding:25px}.event-prizes{border-top:1px dashed #3b7d2333;margin-bottom:20px;margin-top:20px;padding-top:20px}.event-details h3{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:10px}.event-location,.event-time{color:var(--primary-color);font-weight:600;margin-bottom:10px}.event-description{color:#555;line-height:1.6;margin-bottom:20px}.register-button{background-color:var(--primary-color);border:none;border-radius:6px;box-shadow:0 4px 8px #3b7d2333;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:700;letter-spacing:1px;padding:12px 24px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.register-button:hover{background-color:var(--primary-dark);box-shadow:0 6px 12px #3b7d234d;transform:translateY(-3px)}.register-button:disabled{background-color:#95a5a6;box-shadow:none;cursor:not-allowed;transform:none}.error-container,.loading-container,.no-events-container{background-color:#f9f9f9;border-radius:10px;margin-bottom:30px;padding:40px 20px;text-align:center}.error-message{margin-bottom:15px}.retry-button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .3s}.retry-button:hover{background-color:#2980b9}.registration-status{align-items:center;border-radius:5px;display:flex;font-weight:600;margin:15px 0;padding:10px 15px}.registration-status.registered{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.registration-status.full{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-icon{font-size:1.2rem;margin-right:8px}.registration-message{border-radius:5px;font-size:.9rem;margin-top:10px;padding:10px}.registration-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.registration-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.registration-message.info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.event-capacity{color:#666;font-size:.9rem;margin-top:10px}.capacity-count{color:#333;font-weight:700}.login-prompt-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.login-prompt-modal{background-color:#fff;border-radius:10px;box-shadow:0 5px 30px #0003;max-width:500px;padding:30px;text-align:center;width:90%}.login-prompt-modal h3{color:#333;font-size:1.5rem;margin-top:0}.login-prompt-modal p{color:#666;margin-bottom:25px}.login-prompt-actions{display:flex;flex-direction:column;gap:10px}.cancel-button,.login-button,.register-account-button{border:none;border-radius:5px;cursor:pointer;font-weight:700;padding:12px;transition:all .3s}.login-button{background-color:var(--primary-color);color:#fff}.login-button:hover{background-color:var(--primary-dark)}.register-account-button{background-color:#3498db;color:#fff}.register-account-button:hover{background-color:#2980b9}.upcoming-events{background-color:#3b7d230d;border:1px solid #3b7d231a;border-radius:10px;padding:40px;text-align:center}.upcoming-events h2{color:var(--primary-color);font-size:2rem;font-weight:700;margin-bottom:15px}.upcoming-events p{color:#555;font-size:1.1rem;margin:0 auto 25px;max-width:700px}.social-links{gap:25px;margin-top:25px}.social-link{background-color:#3b7d231a;color:#3b7d23;font-size:28px;height:50px;height:60px;width:50px;width:60px}.social-link:hover{background-color:#3b7d23;box-shadow:0 5px 15px #3b7d234d;color:#fff;transform:translateY(-5px)}.instagram-link:hover{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.twitter-link:hover{background-color:#1da1f2}.facebook-link:hover{background-color:#4267b2}@media screen and (max-width:768px){.page-header{padding:40px 0}.page-header h1{font-size:2.2rem}.event-card{flex-direction:column}.event-date{flex-direction:row;gap:10px;justify-content:center;padding:15px}.day{font-size:2rem}.month{font-size:1rem}.social-links{gap:20px}.social-link{font-size:22px;height:50px;width:50px}.upcoming-events{padding:30px 20px}}@media screen and (max-width:480px){.page-header h1{font-size:1.8rem}.event-details{padding:15px}.event-details h3{font-size:1.3rem}.register-button{padding:10px;text-align:center;width:100%}.upcoming-events{padding:25px 15px}.social-link{font-size:20px;height:45px;width:45px}}.team-section{background-color:#f9f9f9;padding:80px 0}.team-container{margin:0 auto;max-width:1200px;padding:0 20px}.team-header{margin-bottom:60px;text-align:center}.team-header h2{color:#f15d01;display:inline-block;font-size:2.5rem;margin-bottom:15px;position:relative}.team-header h2:after{background-color:#f15d01;bottom:-10px;box-shadow:0 0 15px #f15d01e6;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.team-header p{color:#555;font-size:1.1rem;margin:0 auto;max-width:700px}.org-tree{align-items:center;display:flex;flex-direction:column;margin-bottom:60px}.tree-level{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:50px;position:relative;width:100%}.tree-level:after{background-color:#f15d01;bottom:-25px;content:"";height:40px;left:50%;position:absolute;transform:translateX(-50%);width:2px}.tree-level:last-child:after{display:none}.tree-level-1,.tree-level-2{margin-bottom:80px}.tree-level-2{display:flex;flex-wrap:nowrap;gap:10px;justify-content:center;position:relative;width:100%}.tree-level-2:before{background-color:#f15d01;content:"";height:25px;left:50%;position:absolute;top:-25px;transform:translateX(-50%);width:2px}.tree-level-2 .team-member-container{width:380px}.tree-level-2 .team-card{border:3px solid #f15d0140;height:180px;width:180px}.tree-level-2 .member-details h3{font-size:1.4rem}.tree-level-2 .member-details .member-title{font-size:1.05rem}.tree-level-3{display:flex;flex-wrap:nowrap;gap:15px;justify-content:space-around;position:relative;width:100%}.tree-level-3:before{content:"";height:25px;left:50%;top:-25px;transform:translateX(-50%);width:2px}.tree-connector,.tree-level-3:before{background-color:#f15d01;position:absolute}.vertical-connector{height:25px;width:2px}.horizontal-connector{height:2px}.team-member-container{align-items:center;display:flex;flex-direction:column;margin:0 5px;width:260px}.tree-level-1 .team-member-container{width:420px}.team-card{background-color:#fff;border:3px solid #f15d0133;border-radius:50%;box-shadow:0 5px 15px #0000001a;height:160px;margin-bottom:20px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;width:160px}.tree-level-1 .team-card{border:4px solid #f15d014d;height:250px;width:220px}.team-card:hover{border-color:#f15d0180;box-shadow:0 15px 30px #f15d0133;transform:translateY(-10px) rotate(5deg)}.member-details{height:400px;overflow:hidden;padding:0 10px;text-align:center}.member-image{align-items:center;background-color:initial;border-radius:50%;display:flex;font-size:4rem;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.bg-image{background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.member-details h3{color:#333;font-size:1.3rem;margin-bottom:5px;text-transform:capitalize}.tree-level-1 .member-details h3{font-size:1.5rem}.member-details .member-title{color:#f15d01;font-size:1rem;font-style:italic;font-weight:700;margin-bottom:8px}.tree-level-1 .member-details .member-title{font-size:1.1rem}.member-details p{color:#555;font-size:.9rem;line-height:1.4;margin-bottom:10px}.team-card:hover .member-image{box-shadow:0 0 25px #f15d0199;transform:scale(1.1)}.team-card h3{color:#333;font-size:1.2rem;margin-bottom:3px;text-transform:capitalize}.tree-level-1 .team-card h3{font-size:1.5rem}.member-title{color:#f15d01;font-size:.9rem;font-style:italic;font-weight:700;margin-bottom:8px}.tree-level-1 .member-title{font-size:1.1rem}.team-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;color:#555;display:-webkit-box;font-size:.85rem;line-height:1.3;margin-bottom:10px;max-height:70px;overflow:hidden}.social-links{gap:15px;margin-top:15px;min-height:36px;padding-bottom:10px;width:100%}.social-link,.social-links{display:flex;justify-content:center;position:relative}.social-link{align-items:center;background-color:#f15d01;border-radius:50%;box-shadow:0 3px 8px #f15d014d;color:#fff;font-size:1.1rem;height:36px;overflow:hidden;text-decoration:none;transition:all .3s ease;width:36px}.social-link:before{background:radial-gradient(circle at center,#fff3 0,#0000 70%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.social-link:hover{box-shadow:0 5px 12px #f15d0166;transform:translateY(-3px)}.social-link:hover:before{opacity:1}.off-grid{animation:pulse 2s infinite,float 6s ease-in-out infinite;background-color:#f15d01;border-radius:4px;box-shadow:0 4px 10px #f15d0180;color:#fff;display:inline-block;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:2px;overflow:hidden;padding:8px 15px;position:relative;text-transform:uppercase;transform:perspective(1px) translateZ(0);transition:all .3s ease}.off-grid:before{animation:shine 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);left:-100%}.off-grid:after,.off-grid:before{content:"";height:100%;position:absolute;top:0;width:100%}.off-grid:after{background:linear-gradient(180deg,#fff3 0,#0000 60%);left:0;opacity:.5}.off-grid:hover{animation-play-state:paused;box-shadow:0 6px 15px #f15d0199;transform:perspective(1px) translateZ(0) scale(1.05)}.animated-letter{animation:wavyText 2s ease-in-out infinite;animation-delay:calc(.1s*var(--i));display:inline-block}@keyframes wavyText{0%,to{transform:translateY(0)}25%{color:#fff;text-shadow:0 0 5px #ffffffb3;transform:translateY(-4px) scale(1.05)}50%{transform:translateY(0)}75%{color:#ffe0d0;transform:translateY(2px) scale(.95)}}.team-cta{background-color:#fff;border:2px solid #f15d0133;border-radius:10px;box-shadow:0 5px 15px #0000001a,0 0 30px #f15d0133;margin-top:40px;overflow:hidden;padding:40px;position:relative;text-align:center}.team-cta:before{background-color:#f15d01;box-shadow:0 0 10px #f15d01b3;content:"";height:5px;left:0;position:absolute;top:0;width:100%}.team-cta h3{color:#f15d01;font-size:1.8rem;margin-bottom:15px}.team-cta p{color:#555;margin:0 auto 25px;max-width:600px}.team-button{background-color:#f15d01;border:none;border-radius:5px;box-shadow:0 4px 10px #f15d014d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;overflow:hidden;padding:12px 30px;position:relative;transition:all .3s ease}.team-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.team-button:hover{background-color:#c64b01;box-shadow:0 6px 15px #f15d0166;transform:translateY(-3px)}.team-button:hover:before{left:100%}@media screen and (max-width:1100px){.tree-level-2,.tree-level-3{flex-wrap:wrap;gap:30px;justify-content:center}.tree-level:after{bottom:-50px;height:50px}}@media screen and (max-width:768px){.tree-level-2{gap:50px}.tree-level-2,.tree-level-3{align-items:center;flex-direction:column}.tree-level-3{gap:40px}.team-header h2{font-size:2rem}.team-member-container{width:260px}.tree-level-1 .team-member-container{width:340px}.tree-level-2 .team-member-container{width:320px}.team-card{height:150px;width:150px}.tree-level-1 .team-card{height:180px;width:180px}.tree-level-2 .team-card{height:160px;width:160px}.member-details h3{font-size:1.1rem}.tree-level-1 .member-details h3{font-size:1.3rem}.tree-level-2 .member-details h3{font-size:1.2rem}.member-details .member-title{font-size:.9rem}.tree-level-2 .member-details .member-title{font-size:1rem}.member-details p{font-size:.85rem}}@media screen and (max-width:480px){.team-member-container{width:180px}.tree-level-1 .team-member-container{width:200px}.team-card{height:120px;width:120px}.tree-level-1 .team-card{height:150px;width:150px}.member-details h3{font-size:1rem}.tree-level-1 .member-details h3{font-size:1.2rem}.member-details .member-title{font-size:.8rem}.tree-level-1 .member-details .member-title{font-size:.9rem}.member-details p{font-size:.75rem;margin-bottom:5px}.social-links{gap:10px;margin-top:10px}.social-link{font-size:.9rem;height:30px;width:30px}.off-grid{font-size:.8rem;letter-spacing:1px;padding:6px 10px}.team-cta{padding:30px 20px}}.team-page-container{padding-bottom:60px;padding-top:70px;width:100%}.page-header{background-color:#f15d010d;border-bottom:4px solid #f15d011a}.page-header h1:after{box-shadow:0 0 15px #f15d01e6}@media screen and (max-width:768px){.page-header h1{font-size:2rem}}.about-page-container{padding-bottom:60px;padding-top:80px;width:100%}.page-header{background-color:#f5f5f5;margin-bottom:40px}.our-vibe-title,.page-header h1{font-size:2.5rem}.our-vibe-title{color:#f15d01;font-weight:700}.page-header h1:after{bottom:-10px;height:3px;width:60px}.page-header p{font-size:1.1rem;margin:0 auto}.rocket-hub-container{margin:40px 0 80px;min-height:800px;position:relative}.rocket-center{align-items:center;display:flex;height:360px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:360px;z-index:10}.rocket-center-icon{animation:rocketPulse 3s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(241,93,1,.5));height:75%;object-fit:contain;width:75%;z-index:2}.rocket-glow{animation:glowPulse 4s ease-in-out infinite;background:radial-gradient(circle,#f15d0133 0,#f15d0100 70%);border-radius:50%;filter:blur(10px);height:200%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200%;z-index:1}.hub-section{position:absolute;width:350px;z-index:5}.hub-arrow{position:absolute;z-index:2}.arrow-line{background-color:#f15d01;height:3px;position:absolute;transform-origin:0 50%}.arrow-head{border-style:solid;height:0;position:absolute;width:0}.hub-content{background-color:#ffffffe6;border:2px solid #f15d01;border-radius:15px;box-shadow:0 5px 20px #0000001a;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.hub-content:hover{box-shadow:0 10px 25px #f15d0133;transform:translateY(-5px)}.mission-hub{left:5%;top:15%}.story-hub{left:5%;top:65%}.value-hub{right:5%;top:15%}.slogan-hub{right:5%;top:65%}.hub-content h2{color:#f15d01;font-size:1.8rem;margin-bottom:20px;position:relative}.hub-content h2:after{background-color:#f15d01;bottom:-10px;content:"";height:3px;left:0;position:absolute;width:40px}.hub-content p{color:#555;line-height:1.7;margin-bottom:20px}.mission-header{display:inline-block;margin-bottom:30px;position:relative}.mission-tagline{color:#f15d0126;font-size:2rem;font-weight:700;left:0;letter-spacing:2px;position:absolute;text-transform:uppercase;top:1.8rem;white-space:nowrap}.mission-content{border-left:3px solid #f15d014d;margin:20px 0;padding-left:15px;position:relative}.mission-main{border-bottom:1px solid #f15d0133;border-top:1px solid #f15d0133;color:#333!important;font-size:1.1rem!important;font-weight:600;line-height:1.5!important;margin:12px 0 20px!important;padding:12px 15px;text-align:center}.mission-callout{color:#f15d01!important;font-size:2rem!important;line-height:1!important;margin:0!important;text-align:right;text-shadow:0 2px 10px #f15d014d}.mission-callout,.zolb-slogan{font-weight:800;letter-spacing:1px}.zolb-slogan{color:#666;font-family:Arial,sans-serif;font-size:1.8rem;line-height:1.3;margin:0;padding:15px;text-align:center;text-shadow:1px 1px 2px #0000001a;text-transform:uppercase;transform:rotate(-5deg)}@keyframes rocketPulse{0%,to{filter:drop-shadow(0 0 15px rgba(241,93,1,.5));transform:scale(1) rotate(0deg)}50%{filter:drop-shadow(0 0 25px rgba(241,93,1,.8));transform:scale(1.05) rotate(5deg)}}.story-header{display:inline-block;margin-bottom:30px;position:relative}.story-tagline{color:#f15d0126;font-size:2rem;font-weight:700;left:0;letter-spacing:2px;position:absolute;text-transform:uppercase;top:1.8rem;white-space:nowrap}.story-content{border-left:3px solid #f15d014d;padding-left:15px;position:relative}.story-highlight{color:#333;font-size:1.1rem;font-style:italic;font-weight:500;margin-bottom:20px}.story-callout{border-bottom:1px solid #f15d0133;border-top:1px solid #f15d0133;color:#f15d01;font-size:1.1rem;font-weight:600;margin:20px 0;padding:12px 15px;text-align:center}.value-header{display:inline-block;margin-bottom:30px;position:relative}.value-tagline{color:#f15d0126;font-size:2rem;font-weight:700;left:0;letter-spacing:2px;position:absolute;text-transform:uppercase;top:1.8rem;white-space:nowrap}.value-content{border-left:3px solid #f15d014d;margin:20px 0;padding-left:15px;position:relative}.value-main{color:#f15d01!important;font-size:1.4rem!important;font-weight:700;line-height:1.4!important;margin-bottom:20px!important;text-align:center}.value-callout{color:#333!important;font-size:1.1rem!important;font-weight:600;line-height:1.5!important;margin-bottom:0!important;text-align:center}.join-section{background-color:#f9f9f9;border-radius:10px;box-shadow:0 5px 15px #0000000d;margin-top:40px;padding:50px;text-align:center}.join-section h2{color:#f15d01;font-size:2rem;margin-bottom:20px}.join-section p{color:#555;line-height:1.7;margin:0 auto 30px;max-width:700px}.join-button{background-color:#f15d01;border-radius:5px;color:#fff;display:inline-block;font-weight:700;padding:12px 30px;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.join-button:hover{background-color:#c64b01;transform:translateY(-3px)}@media screen and (max-width:1200px){.rocket-hub-container{min-height:700px}.hub-section{width:300px}.mission-hub{left:2%;top:15%}.story-hub{left:2%;top:65%}.value-hub{right:2%;top:15%}.slogan-hub{right:2%;top:65%}}@media screen and (max-width:992px){.about-page-container{padding-top:100px}.rocket-hub-container{align-items:center;display:flex;flex-direction:column;min-height:1200px;position:relative}.rocket-center{left:0;margin:30px 0;position:relative;top:0;transform:none}.hub-section{margin-bottom:40px;max-width:500px;position:relative;width:100%}.hub-section,.mission-hub,.slogan-hub,.story-hub,.value-hub{left:auto;right:auto;top:auto}.zolb-slogan{font-size:1.5rem}}@media screen and (max-width:768px){.about-page-container{padding-top:120px}.page-header h1{font-size:2rem}.hub-content h2{font-size:1.6rem}.mission-tagline,.story-tagline,.value-tagline{font-size:1.6rem;top:1.5rem}.mission-main,.story-highlight,.value-main{font-size:1rem!important}.mission-callout{font-size:1.6rem!important}.join-section{padding:30px}.join-section h2{font-size:1.8rem}}@media screen and (max-width:480px){.about-page-container{padding-top:140px}.rocket-center{height:120px;width:120px}.mission-tagline,.story-tagline,.value-tagline{display:block;font-size:1.3rem;left:auto;margin-bottom:20px;margin-top:-15px;position:relative;top:auto}.mission-header,.story-header,.value-header{display:block;text-align:center}.hub-content h2:after{left:50%;transform:translateX(-50%)}.mission-content,.story-content,.value-content{border-left:none;padding-left:0;text-align:center}.zolb-slogan{font-size:1.3rem}.join-section{padding:20px}}.contact-page-container{background-color:#f9f9f9;background-image:radial-gradient(circle at 20% 30%,#3b7d230d 0,#0000 200px),radial-gradient(circle at 80% 70%,#3b7d230d 0,#0000 200px);padding-bottom:60px;padding-top:70px;width:100%}.container{margin:0 auto;max-width:1200px;padding:0 20px}.page-header{background-color:#fff;box-shadow:0 5px 15px #0000000d;margin-bottom:60px;overflow:hidden;padding:60px 0;position:relative;text-align:center}.page-header:before{background-color:#f15d01;box-shadow:0 0 20px #f15d0180;content:"";height:5px;left:0;position:absolute;top:0;width:100%}.page-header h1{color:#f15d01;display:inline-block;font-size:3rem;font-weight:800;letter-spacing:1px;margin-bottom:15px;position:relative;text-transform:uppercase}.page-header h1:after{background-color:#f15d01;bottom:-15px;box-shadow:0 0 10px #f15d014d;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.page-header p{color:#555;font-size:1.2rem;line-height:1.6;margin:30px auto 0;max-width:700px}.contact-content{display:flex;gap:50px;position:relative}.contact-info{background-color:#fff;border:1px solid #f15d011a;border-radius:15px;box-shadow:0 10px 30px #0000000d;flex:1 1;overflow:hidden;padding:40px;position:relative}.contact-info:before{background-color:#f15d01;content:"";height:100%;left:0;position:absolute;top:0;width:5px}.contact-info h2{color:#f15d01;font-size:2.2rem;font-weight:700;margin-bottom:25px;position:relative}.contact-info h2:after{background-color:#f15d01;bottom:-10px;content:"";height:3px;left:0;position:absolute;width:50px}.contact-info>p{color:#555;font-size:1.1rem;line-height:1.7;margin-bottom:30px}.contact-methods{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.contact-method{align-items:flex-start;background-color:#f15d0108;border:1px solid #f15d010d;border-radius:10px;display:flex;padding:20px;transition:all .3s ease}.contact-method:hover{background-color:#f15d010d;box-shadow:0 10px 20px #f15d011a;transform:translateY(-5px)}.method-icon{align-items:center;background-color:#f15d011a;border-radius:50%;box-shadow:0 5px 15px #f15d0133;color:#f15d01;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;margin-right:20px;transition:all .3s ease;width:60px}.contact-method:hover .method-icon{background-color:#f15d01;color:#fff;transform:scale(1.1)}.method-details h3{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:8px}.method-details p{color:#555;font-size:1.05rem;line-height:1.5;margin:0}.social-links{background-color:#f15d010d;border:1px solid #f15d011a;border-radius:10px;padding:25px}.social-links h3{color:#f15d01;display:inline-block;font-size:1.4rem;font-weight:600;margin-bottom:20px;position:relative}.social-links h3:after{background-color:#f15d01;bottom:-8px;content:"";height:2px;left:0;position:absolute;width:30px}.social-icons{display:flex;flex-wrap:wrap;gap:15px}.social-icon{background-color:#f15d01;border-radius:30px;box-shadow:0 4px 10px #f15d0133;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .3s ease}.social-icon:hover{background-color:#c64b01;box-shadow:0 6px 15px #f15d014d;transform:translateY(-3px)}.contact-form-container{background-color:#fff;border:1px solid #f15d011a;border-radius:15px;box-shadow:0 10px 30px #0000000d;flex:1 1;overflow:hidden;padding:40px;position:relative}.contact-form-container:before{background-color:#f15d01;content:"";height:100%;position:absolute;right:0;top:0;width:5px}.contact-form-container h2{color:#f15d01;font-size:2.2rem;font-weight:700;margin-bottom:25px;position:relative}.contact-form-container h2:after{background-color:#f15d01;bottom:-10px;content:"";height:3px;left:0;position:absolute;width:50px}.form-message{border-radius:10px;box-shadow:0 5px 15px #0000000d;font-size:1.05rem;font-weight:600;margin-bottom:25px;padding:18px 18px 18px 50px;position:relative}.form-message:before{font-size:1.5rem;left:18px;position:absolute;top:50%;transform:translateY(-50%)}.form-message.success{background-color:#f15d011a;border:1px solid #f15d0133;color:#f15d01}.form-message.success:before{color:#f15d01;content:"✓"}.form-message.error{background-color:#e74c3c1a;border:1px solid #e74c3c33;color:#e74c3c}.form-message.error:before{color:#e74c3c;content:"!"}.contact-form{margin-top:30px}.form-group{margin-bottom:25px;position:relative}.form-group label{font-size:1.05rem;margin-bottom:10px;transition:all .3s ease}.form-group input,.form-group textarea{background-color:#f9f9f9;border:2px solid #eee;border-radius:10px;box-shadow:inset 0 2px 4px #00000008;font-size:1rem;padding:15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background-color:#fff;border-color:#f15d01;box-shadow:0 0 0 4px #f15d011a}.form-group input:focus+label,.form-group textarea:focus+label{color:#f15d01}.submit-button{background-color:#f15d01;border-radius:10px;box-shadow:0 5px 15px #f15d0133;font-size:1.1rem;font-weight:700;overflow:hidden;padding:15px 30px;position:relative;transition:all .3s ease}.submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.submit-button:hover{background-color:#c64b01;box-shadow:0 8px 20px #f15d014d;transform:translateY(-3px)}.submit-button:hover:before{left:100%}@media screen and (max-width:992px){.contact-content{flex-direction:column;gap:40px}.contact-methods{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media screen and (max-width:768px){.page-header{padding:40px 0}.page-header h1{font-size:2.2rem}.contact-form-container h2,.contact-info h2{font-size:1.8rem}.contact-form-container,.contact-info{padding:30px}.method-icon{font-size:1.7rem;height:50px;width:50px}.method-details h3{font-size:1.2rem}.method-details p{font-size:1rem}.social-icon{font-size:.85rem;padding:8px 16px}}@media screen and (max-width:480px){.page-header h1{font-size:1.8rem}.page-header p{font-size:1rem}.contact-form-container h2,.contact-info h2{font-size:1.6rem}.contact-form-container,.contact-info{padding:25px}.contact-methods{grid-template-columns:1fr}.form-group label{font-size:1rem}.form-group input,.form-group textarea{padding:12px}.submit-button{padding:12px;width:100%}}.toggle-container{display:flex;justify-content:center;margin:30px 0 40px;padding-top:15px;position:relative}.toggle-container:before{background:linear-gradient(90deg,#0000,#f15d011a,#0000);border-radius:20px;color:#f15d01;content:"Choose your registration type";font-size:1rem;font-weight:600;letter-spacing:.5px;padding:5px 15px;position:absolute;top:-15px}.toggle-switch{border-radius:50px;box-shadow:0 8px 20px #00000026;display:inline-block;height:56px;margin:0 10px;perspective:1000px;position:relative;transform:translateZ(0);width:300px}.toggle-switch:after{background:linear-gradient(45deg,#f15d01,#ff7b2d,#f15d01);border-radius:50px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.toggle-switch:hover:after{opacity:1}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{align-items:center;background:linear-gradient(145deg,#f8f8f8,#e6e6e6);border:2px solid #f5f5f5;border-radius:50px;bottom:0;cursor:pointer;display:flex;justify-content:space-between;left:0;overflow:hidden;padding:0 20px;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.toggle-slider:before{background:linear-gradient(145deg,#f15d01,#ff7b2d);border-radius:50px;bottom:3px;box-shadow:0 4px 10px #f15d0166;content:"";height:46px;left:5px;width:140px;z-index:1}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(145deg,#f0f0f0,#e6e6e6)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(140px)}.toggle-label{align-items:center;color:#888;display:flex;font-size:.9rem;font-weight:600;gap:8px;letter-spacing:.5px;position:relative;text-transform:uppercase;transition:all .3s ease;z-index:2}.toggle-label i{font-size:1.1rem;transition:all .3s ease}.toggle-label.left{margin-right:auto;padding-left:5px}.toggle-label.right{margin-left:auto;padding-right:5px}.toggle-switch input:not(:checked)+.toggle-slider .toggle-label.left{color:#fff;text-shadow:0 1px 2px #0003}.toggle-switch input:not(:checked)+.toggle-slider .toggle-label.left i{color:#fff;transform:scale(1.2)}.toggle-switch input:checked+.toggle-slider .toggle-label.right{color:#fff;text-shadow:0 1px 2px #0003}.toggle-switch input:checked+.toggle-slider .toggle-label.right i{color:#fff;transform:scale(1.2)}@keyframes pulse{0%{box-shadow:0 0 0 0 #f15d0166}70%{box-shadow:0 0 0 10px #f15d0100}to{box-shadow:0 0 0 0 #f15d0100}}@keyframes glow{0%{box-shadow:0 0 5px #f15d0180}50%{box-shadow:0 0 20px #f15d01cc}to{box-shadow:0 0 5px #f15d0180}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.toggle-switch{animation:float 3s ease-in-out infinite}.toggle-switch:hover{animation:glow 1.5s infinite}.toggle-slider:after{animation:shine 3s infinite;background:linear-gradient(90deg,#fff0 0,#ffffff4d 50%,#fff0);content:"";height:200%;left:-50%;opacity:.5;pointer-events:none;position:absolute;top:-50%;transform:rotate(30deg);width:200%;z-index:1}@keyframes shine{0%{left:-100%;opacity:0}20%{opacity:0}40%{opacity:.3}60%{opacity:.3}80%{opacity:0}to{left:100%;opacity:0}}.auth-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0000001a;margin:40px auto;max-width:500px;padding:30px}.register-container{max-width:700px}.auth-header{margin-bottom:30px;text-align:center}.auth-header h1,.auth-header h2{color:#f15d01;margin-bottom:10px}.auth-header p{color:#666;font-size:1rem}.auth-form{display:flex;flex-direction:column;gap:20px}.form-section{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:20px}.form-section h2{color:#f15d01;font-size:1.3rem;margin-bottom:15px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border-radius:4px;font-size:1rem;padding:12px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 2px #f15d0133}.error-message{font-size:.85rem}.input-hint,.password-hint{color:#777;font-size:.8rem;margin-top:5px}.form-options{justify-content:space-between;margin-bottom:20px}.form-options,.remember-me{align-items:center;display:flex}.remember-me{gap:5px}.remember-me input[type=checkbox]{height:16px;width:16px}.forgot-password{color:#f15d01;font-size:.9rem;text-decoration:none}.forgot-password:hover{text-decoration:underline}.auth-button{background-color:#f15d01;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px;transition:background-color .3s}.auth-button:hover{background-color:#c64b01}.auth-button:disabled{background-color:#ffa366;cursor:not-allowed}.auth-footer{border-top:1px solid #eee;margin-top:20px;padding-top:20px;text-align:center}.auth-footer a{color:#f15d01;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-message{border-radius:4px;margin-bottom:20px;padding:12px;text-align:center}.auth-message.info{background-color:#d1ecf1;color:#0c5460}.auth-message.success{background-color:#d4edda;color:#155724}.auth-message.error{background-color:#f8d7da;color:#721c24}.terms-agreement{align-items:flex-start;display:flex;gap:10px;margin-bottom:20px}.terms-agreement input[type=checkbox]{height:16px;margin-top:3px;width:16px}.terms-agreement label{color:#555;font-size:.9rem}.terms-agreement a{color:#f15d01;text-decoration:none}.terms-agreement a:hover{text-decoration:underline}@media (max-width:768px){.auth-container{margin:20px;padding:20px}.form-options{align-items:flex-start;flex-direction:column;gap:10px}.forgot-password{margin-top:5px}}.profile-page{background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:60px 20px}.profile-container{background-color:#fff;border-radius:10px;box-shadow:0 5px 20px #0000001a;max-width:900px;padding:40px;width:100%}.profile-header{margin-bottom:30px;text-align:center}.profile-header h1{color:#2ecc71;font-size:2rem;margin-bottom:10px}.profile-header p{color:#666;font-size:1.1rem}.profile-quick-links{margin-top:15px}.dashboard-quick-link{align-items:center;background-color:#f0f9f4;border:1px solid #2ecc71;border-radius:20px;color:#2ecc71;display:inline-flex;font-weight:600;padding:8px 15px;text-decoration:none;transition:all .3s ease}.dashboard-quick-link:hover{background-color:#2ecc71;color:#fff;transform:translateY(-2px)}.quick-link-icon{font-size:1.2rem;margin-right:5px}.profile-tabs{border-bottom:1px solid #eee;display:flex;margin-bottom:30px;overflow-x:auto}.tab-button.active{border-bottom:3px solid #2ecc71;color:#2ecc71}.tab-button:hover{color:#2ecc71}.profile-section{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:20px}.profile-section h2{color:#333;font-size:1.3rem;margin-bottom:20px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column}.info-label{color:#777;font-size:.9rem;margin-bottom:5px}.info-value{color:#333;font-size:1.1rem;font-weight:500}.status-active{color:#2ecc71;font-weight:600}.profile-actions{display:flex;gap:15px;margin-top:30px}.action-button,.edit-profile-button{background-color:#2ecc71;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .3s,transform .3s}.action-button:hover,.edit-profile-button:hover{background-color:#27ae60;transform:translateY(-2px)}.logout-button{background-color:initial;border:1px solid #e74c3c;border-radius:5px;color:#e74c3c;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s}.logout-button:hover{background-color:#e74c3c1a}.section-message{color:#777;margin:30px 0}.account-settings,.events-history,.games-history,.section-message{text-align:center}.account-settings h2,.events-history h2,.games-history h2{color:#333;font-size:1.5rem;margin-bottom:20px}.game-stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:30px}.game-stat-card{background-color:#f9f9f9;text-align:left}.game-stat-icon{color:#2ecc71}.play-game-button{background-color:#2ecc71}.play-game-button:hover{background-color:#27ae60}.dashboard-link-container{background-color:#f0f9f4;border:1px dashed #2ecc71;border-radius:10px;margin-top:30px;padding:20px}.dashboard-link-container p{color:#555;margin-bottom:15px}.dashboard-link{background-color:#2ecc71;border:none;border-radius:5px;color:#fff;display:inline-block;font-weight:600;padding:10px 20px;text-decoration:none;transition:background-color .3s,transform .3s}.dashboard-link:hover{background-color:#27ae60;transform:translateY(-2px)}.registered-events-list{display:flex;flex-direction:column;gap:20px;margin-top:20px}.registered-event-card{background-color:#fff;border:1px solid #3b7d231a;border-radius:10px;box-shadow:0 3px 10px #0000000d;display:flex;overflow:hidden;transition:all .3s ease}.registered-event-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.registered-event-card .event-date{align-items:center;background-color:#3b7d23;color:#fff;display:flex;flex-direction:column;justify-content:center;min-width:100px;padding:15px}.registered-event-card .day{font-size:2rem;font-weight:700;line-height:1}.registered-event-card .month{font-size:1rem;font-weight:600}.registered-event-card .event-details{flex:1 1;padding:20px}.registered-event-card h3{color:#333;font-size:1.3rem;margin-bottom:10px;margin-top:0}.registered-event-card .event-location,.registered-event-card .event-time{color:#666;margin-bottom:5px}.event-actions{margin-top:15px}.cancel-registration-button{background-color:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:8px 15px;transition:background-color .3s}.cancel-registration-button:hover{background-color:#c0392b}.cancel-registration-button:disabled{background-color:#95a5a6;cursor:not-allowed}.cancel-status{border-radius:5px;font-size:.9rem;margin-top:10px;padding:8px 12px}.cancel-status.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.cancel-status.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.settings-section{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:20px;text-align:left}.settings-section h3{font-size:1.2rem}.settings-form{margin:0 auto;max-width:500px}.settings-form .form-group{margin-bottom:15px}.settings-form label{color:#333;display:block;font-weight:600;margin-bottom:5px;text-align:left}.settings-form input{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:10px 15px;width:100%}.settings-button{background-color:#2ecc71;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:10px 20px;transition:background-color .3s}.settings-button:hover{background-color:#27ae60}.notification-options{margin-bottom:20px}.notification-option{align-items:center;display:flex;margin-bottom:10px}.notification-option input{margin-right:10px}.danger-zone{border:1px dashed #e74c3c;border-radius:5px;margin-top:40px;padding:20px;text-align:center}.danger-zone h3{color:#e74c3c}.delete-account-button{background-color:#e74c3c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:10px 20px;transition:background-color .3s}.delete-account-button:hover{background-color:#c0392b}@media screen and (max-width:768px){.profile-container{padding:30px 20px}.profile-tabs{justify-content:flex-start}.info-grid{grid-template-columns:1fr}.profile-actions{flex-direction:column}}.dashboard-page{background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:60px 20px}.dashboard-container{background-color:#fff;border-radius:10px;box-shadow:0 5px 20px #0000001a;max-width:1200px;padding:40px;width:100%}.dashboard-header{margin-bottom:30px;text-align:center}.dashboard-header h1{color:#3b7d23;font-size:2rem;margin-bottom:10px}.dashboard-header p{color:#666;font-size:1.1rem}.dashboard-tabs{border-bottom:1px solid #eee;display:flex;margin-bottom:30px;overflow-x:auto}.tab-button{background:none;border:none;color:#666;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.tab-button.active{border-bottom:3px solid #3b7d23;color:#3b7d23}.tab-button:hover{color:#3b7d23}.dashboard-content{min-height:400px}.loading-spinner{color:#666;font-size:1.2rem;height:200px}.dashboard-overview{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr}.stats-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.stat-card{background-color:#f9f9f9;border-radius:10px;box-shadow:0 3px 10px #0000000d;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 5px 15px #0000001a}.stat-icon{color:#3b7d23;font-size:2.5rem;margin-right:20px}.stat-info{flex:1 1}.stat-info h3{color:#555;font-size:1.1rem;margin:0 0 5px}.stat-value{color:#3b7d23;font-size:1.8rem;margin:0}.featured-games,.recent-activity{background-color:#fff;border-radius:10px;box-shadow:0 3px 10px #0000000d;padding:25px}.achievements h2,.featured-games h2,.leaderboards h2,.my-games h2,.recent-activity h2{border-bottom:2px solid #f0f0f0;color:#3b7d23;font-size:1.5rem;margin-bottom:20px;margin-top:0;padding-bottom:10px}.activity-list{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.activity-item{align-items:center;background-color:#f9f9f9;border-radius:8px;display:flex;padding:15px;transition:transform .2s ease}.activity-item:hover{transform:translateX(5px)}.activity-icon{align-items:center;color:#3b7d23;display:flex;font-size:2rem;height:40px;justify-content:center;margin-right:15px;width:40px}.activity-icon .game-icon-image{border-radius:5px;height:40px;width:40px}.activity-details{flex:1 1}.activity-details h4{color:#333;margin:0 0 5px}.activity-details p{color:#666;margin:0}.activity-date{color:#888;font-size:.9rem;margin-top:5px!important}.no-activity{color:#888;padding:20px;text-align:center}.action-button{background-color:#3b7d23;border-radius:5px;color:#fff;display:inline-block;font-weight:600;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s,transform .3s}.action-button:hover{background-color:#2d6019;transform:translateY(-2px)}.featured-games-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.featured-game-card{align-items:center;background-color:#f9f9f9;border-radius:10px;color:inherit;display:flex;flex-direction:column;padding:20px;text-align:center;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.featured-game-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.featured-game-icon{align-items:center;color:#3b7d23;display:flex;font-size:3rem;height:80px;justify-content:center;margin-bottom:15px}.game-icon-image{border-radius:8px;box-shadow:0 4px 8px #3b7d2333;height:80px;object-fit:cover;transition:transform .3s ease;width:80px}.featured-game-card:hover .game-icon-image{transform:scale(1.05)}.featured-game-card h3{color:#333;margin:0 0 10px}.featured-game-card p{color:#666;margin:0}.games-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.game-stat-card{background-color:#fff;border-radius:10px;box-shadow:0 3px 10px #0000000d;padding:20px;transition:transform .3s ease}.game-stat-header{align-items:center;display:flex;margin-bottom:15px}.game-stat-icon{align-items:center;color:#3b7d23;display:flex;font-size:2rem;height:50px;justify-content:center;margin-right:15px;width:50px}.game-stat-icon .game-icon-image{border-radius:6px;height:50px;width:50px}.game-stat-header h3{color:#333;margin:0}.game-stat-details{margin-bottom:20px}.game-stat-details p{color:#666;margin:5px 0}.play-game-button{background-color:#3b7d23;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-weight:600;padding:10px;text-align:center;text-decoration:none;transition:background-color .3s;width:100%}.play-game-button:hover{background-color:#2d6019}.leaderboard-tabs{display:flex;margin-bottom:20px;overflow-x:auto;padding-bottom:10px}.leaderboard-tab{align-items:center;background:none;border:1px solid #ddd;border-radius:20px;color:#666;cursor:pointer;display:flex;font-size:.9rem;gap:5px;margin-right:10px;padding:8px 15px;transition:all .3s ease;white-space:nowrap}.leaderboard-tab .game-icon-image{border-radius:3px;height:20px;vertical-align:middle;width:20px}.leaderboard-tab.active{background-color:#3b7d23;border-color:#3b7d23;color:#fff}.leaderboard-tab:hover{background-color:#f0f0f0}.leaderboard-tab.active:hover{background-color:#2d6019}.leaderboard-table{border-radius:10px;box-shadow:0 3px 10px #0000000d;overflow:hidden;width:100%}.leaderboard-header{background-color:#3b7d23;color:#fff;font-weight:600}.leaderboard-header,.leaderboard-row{display:grid;grid-template-columns:80px 1fr 120px 120px;padding:15px}.leaderboard-row{background-color:#f9f9f9;border-bottom:1px solid #eee;transition:background-color .2s ease}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row:hover{background-color:#f0f0f0}.leaderboard-row.current-user{background-color:#3b7d231a}.rank-column{color:#333;font-weight:600}.player-column{font-weight:500}.score-column{color:#3b7d23;font-weight:600}.date-column{color:#777;font-size:.9rem}.no-leaderboard-data{background-color:#f9f9f9;border-radius:10px;padding:40px 20px;text-align:center}.no-leaderboard-data p{color:#666;margin-bottom:20px}.coming-soon{color:#888;margin-bottom:30px;text-align:center}.placeholder-achievements{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.achievement-card{background-color:#f9f9f9;border-radius:10px;padding:20px;text-align:center;transition:transform .3s ease}.achievement-card.locked{opacity:.7}.achievement-card:hover{transform:translateY(-5px)}.achievement-icon{color:#3b7d23;font-size:3rem;margin-bottom:15px}.achievement-card.locked .achievement-icon{color:#888}.achievement-card h3{color:#333;margin:0 0 10px}.achievement-card p{color:#666;margin:0}@media screen and (max-width:768px){.dashboard-container{padding:30px 20px}.dashboard-tabs{justify-content:flex-start}.featured-games-grid,.games-grid,.placeholder-achievements,.stats-summary{grid-template-columns:1fr}}.prize-manager{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;padding:20px}.prize-manager-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.prize-manager-header h3{color:#f15d01;font-size:1.2rem;margin:0}.add-prize-button{align-items:center;background-color:#f15d01;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;padding:8px 16px;transition:all .2s ease}.add-prize-button:hover{background-color:#c64b01;transform:translateY(-2px)}.add-prize-button:before{content:"+";font-size:1.2rem;font-weight:300;margin-right:6px}.prize-form{background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;margin-bottom:20px;padding:20px}.prize-form h4{color:#333;font-size:1.1rem;margin-bottom:20px;margin-top:0}.form-row{gap:15px;margin-bottom:15px}.form-group{flex:1 1;margin-bottom:15px}.form-group label{color:#555;font-size:.9rem;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:.95rem;padding:10px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#f15d01;box-shadow:0 0 0 2px #3b7d231a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#e74c3c}.error-message{color:#e74c3c;font-size:.8rem}.form-hint{color:#777;font-size:.8rem;margin-top:5px}.form-actions{gap:10px;margin-top:20px}.cancel-button,.save-button{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:10px 16px;transition:all .2s}.cancel-button{background-color:#f1f1f1;color:#333}.cancel-button:hover{background-color:#e1e1e1}.save-button{background-color:#f15d01;color:#fff}.save-button:hover{background-color:#c64b01}.prizes-list{display:flex;flex-direction:column;gap:15px}.prize-item{align-items:center;background-color:#f9f9f9;border:1px solid #eee;border-radius:8px;display:flex;justify-content:space-between;padding:15px;transition:all .2s}.prize-item:hover{box-shadow:0 3px 10px #0000000d;transform:translateY(-2px)}.prize-item-content{display:flex;flex:1 1;flex-direction:column}.prize-item-header{align-items:center;display:flex;gap:10px;margin-bottom:5px}.prize-item-header h4{color:#333;font-size:1rem;margin:0}.prize-position-badge{background-color:#f15d01;border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;padding:3px 8px}.prize-item-value{color:#555;font-size:.9rem;margin-bottom:5px}.prize-item-image{border-radius:6px;height:60px;margin-top:5px;overflow:hidden;width:60px}.prize-item-image img{height:100%;object-fit:cover;width:100%}.prize-item-actions{display:flex;gap:8px}.edit-prize-button,.remove-prize-button{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s}.edit-prize-button{background-color:#f39c12;color:#fff}.edit-prize-button:hover{background-color:#e67e22}.remove-prize-button{background-color:#e74c3c;color:#fff}.remove-prize-button:hover{background-color:#c0392b}.no-prizes{background-color:#f9f9f9;border-radius:8px;color:#777;font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.form-row{flex-direction:column;gap:0}.prize-item{align-items:flex-start;flex-direction:column}.prize-item-actions{align-self:flex-end;margin-top:15px}}.admin-dashboard{width:100%}.admin-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:24px;padding:24px;transition:all .3s ease}.admin-content:hover{box-shadow:0 6px 16px #00000014}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border-left:4px solid #f15d01;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;padding:24px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-5px)}.stat-icon{align-items:center;background-color:#f15d011a;border-radius:12px;color:#f15d01;display:flex;font-size:32px;height:60px;justify-content:center;margin-right:18px;width:60px}.stat-content h3{color:#555;font-size:16px;font-weight:500;margin:0}.stat-value{color:#f15d01;font-size:28px;font-weight:700;margin:8px 0 0}.stat-subtext{color:#666;font-size:14px;font-weight:400;margin:5px 0 0}.recent-events{margin-bottom:30px}.recent-events h3{color:#333;margin-bottom:15px}.events-list{display:flex;flex-direction:column;gap:10px}.event-item{align-items:center;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;padding:15px}.event-date{color:#fff;font-weight:500;min-width:100px}.event-details{flex:1 1}.event-details h4{font-size:16px;margin:0}.event-details p{color:#666;font-size:14px;margin:5px 0 0}.event-registrations{color:#666;min-width:120px;text-align:right}.quick-actions h3{color:#333;margin-bottom:15px}.action-buttons{gap:10px}.action-buttons button{background-color:#3b7d23;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .2s}.action-buttons button:hover{background-color:#2c5e1a}.admin-events h2,.admin-games h2,.admin-users h2{color:#3b7d23;margin-top:0}.admin-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.3px;padding:12px 20px;transition:all .3s ease}.admin-button.primary{box-shadow:0 4px 6px #3b7d2333}.admin-button.primary:hover{box-shadow:0 6px 8px #3b7d234d;transform:translateY(-2px)}.admin-button.secondary{background-color:#f8f9fa;border:1px solid #3b7d23;color:#3b7d23}.admin-button.secondary:hover{background-color:#3b7d231a;transform:translateY(-2px)}.button-icon{font-size:1.2rem;margin-right:8px}.action-buttons{flex-wrap:wrap;gap:16px;margin-top:16px}.admin-search{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 15px;width:300px}.users-table{border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 4px 12px #0000000d;margin-bottom:20px;overflow:hidden;width:100%}.users-table td,.users-table th{border-bottom:1px solid #eee;padding:16px 20px;text-align:left}.users-table th{background-color:#f8f9fa;color:#333;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover{background-color:#3b7d230d}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.admin{background-color:#f15d01;color:#fff}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.no-data-message{background-color:#f9f9f9;border-radius:8px;color:#666;padding:30px;text-align:center}.no-results{color:#666;padding:20px;text-align:center}.action-buttons{display:flex;gap:5px}.action-button{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:5px 10px;transition:all .2s}.action-button.view{background-color:#e9ecef;color:#495057}.action-button.edit{background-color:#f15d01;color:#fff}.action-button:hover{opacity:.9;transform:translateY(-1px)}.pagination{align-items:center;display:flex;justify-content:space-between;margin-top:20px}.pagination-button{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:8px 12px;transition:all .2s}.pagination-button:hover{background-color:#f5f5f5}.pagination-info{color:#666;font-size:14px}.events-table-container,.users-table-container{overflow-x:auto}.events-table{border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 4px 12px #0000000d;overflow:hidden;width:100%}.events-table td,.events-table th{border-bottom:1px solid #eee;padding:16px 20px;text-align:left}.events-table th{background-color:#f8f9fa;color:#333;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.events-table tr:last-child td{border-bottom:none}.events-table tr:hover{background-color:#3b7d230d}.table-action{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:5px;margin-right:8px;padding:8px 12px;transition:all .2s ease}.table-action.edit{background-color:#3b7d23;box-shadow:0 2px 4px #3b7d2333;color:#fff}.table-action.edit:hover{background-color:#2c5e1a;box-shadow:0 4px 6px #3b7d234d;transform:translateY(-2px)}.table-action.view{background-color:#f8f9fa;border:1px solid #dee2e6;color:#495057}.table-action.view:hover{background-color:#e9ecef;transform:translateY(-2px)}.table-action.delete{background-color:#fff5f5;border:1px solid #ffc9c9;color:#e03131}.table-action.delete:hover{background-color:#ffe3e3;color:#c92a2a;transform:translateY(-2px)}.game-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:24px}.game-stat-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:12px;border-top:4px solid #f15d01;box-shadow:0 4px 12px #0000000d;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.game-stat-card:before{background:radial-gradient(circle,#f15d011a 0,#fff0 70%);border-radius:0 0 0 100%;content:"";height:100px;position:absolute;right:0;top:0;width:100px}.game-stat-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-5px)}.game-stat-card h3{border-bottom:1px solid #f15d011a;color:#f15d01;font-size:20px;font-weight:600;margin-bottom:20px;margin-top:0;padding-bottom:10px}.game-stat-card p{color:#555;display:flex;font-size:15px;justify-content:space-between;margin:10px 0}.game-stat-card p:last-child{color:#f15d01;font-weight:500;margin-top:20px}.loading-spinner{align-items:center;color:#f15d01;display:flex;font-size:16px;font-weight:500;height:300px;justify-content:center;position:relative}.loading-spinner:after{animation:spin 1s linear infinite;border:4px solid #f15d0133;border-left-color:#f15d01;border-radius:50%;content:"";height:40px;left:calc(50% - 20px);position:absolute;top:calc(50% - 50px);width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-settings h2{color:#f15d01;margin-bottom:10px}.settings-sections{display:flex;flex-direction:column;gap:30px;margin-top:20px}.settings-section h3{border-bottom:1px solid #eee;color:#333;font-size:18px;margin-bottom:15px;padding-bottom:10px}.settings-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-left:4px solid #f15d01;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-bottom:24px;padding:24px;transition:all .3s ease}.settings-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-3px)}.settings-card h4{color:#f15d01;font-size:18px;font-weight:600;margin-bottom:12px}.settings-card p{color:#555;line-height:1.6;margin-bottom:20px}.admin-form{margin-top:24px}.admin-form .form-group,.form-status{margin-bottom:20px}.form-status{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:10px;padding:12px 18px}.form-status.success{background-color:#ebfbee;border-left:4px solid #40c057;color:#2b8a3e}.form-status.success:before{content:"✓";font-weight:700}.form-status.error{background-color:#fff5f5;border-left:4px solid #fa5252;color:#c92a2a}.form-status.error:before{content:"✕";font-weight:700}.form-status.info{background-color:#e7f5ff;border-left:4px solid #339af0;color:#1971c2}.form-status.info:before{content:"ℹ";font-weight:700}.admin-form label{color:#333;display:block;font-size:15px;font-weight:500;margin-bottom:8px}.admin-form input[type=email],.admin-form input[type=text],.admin-form select{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;font-size:15px;padding:12px 16px;transition:all .3s ease;width:100%}.admin-form input[type=email]:focus,.admin-form input[type=text]:focus,.admin-form select:focus{background-color:#fff;border-color:#3b7d23;box-shadow:0 0 0 3px #3b7d2333;outline:none}.admin-form .form-hint{color:#6c757d;font-size:13px;line-height:1.5;margin-top:8px}.admin-button.primary{background-color:#3b7d23;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;margin-top:10px;padding:10px 15px}.admin-button.primary:hover{background-color:#2c5e1a}.toggle-switch{align-items:center;display:flex;margin-top:10px}.toggle-switch input[type=checkbox]{margin-right:10px;transform:scale(1.2)}.feature-toggles{display:flex;flex-direction:column;gap:10px;margin-top:10px}.feature-toggle{align-items:center;display:flex}.feature-toggle input[type=checkbox]{margin-right:10px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalFadeIn .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#3b7d23;font-size:20px;margin:0}.modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:24px;transition:color .2s}.modal-close:hover{color:#3b7d23}.event-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text],.form-group input[type=time],.form-group textarea{border:1px solid #ddd;border-radius:8px;font-size:15px;padding:12px;transition:all .3s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3b7d23;box-shadow:0 0 0 3px #3b7d231a;outline:none}.form-group input.error,.form-group textarea.error{background-color:#fff5f5;border-color:#e03131}.error-message{color:#e03131;font-size:13px;margin-top:5px}.form-group small{color:#666;display:block;font-size:13px;margin-top:5px}.form-row{display:flex;gap:20px;margin-bottom:20px}.form-group.half{flex:1 1;margin-bottom:0}.form-group.checkbox{align-items:center;display:flex;gap:10px}.form-group.checkbox input{width:auto}.form-group.checkbox label{margin-bottom:0}.form-section{border-top:1px solid #eee;margin-top:25px;padding-top:20px}.section-title{color:#3b7d23;font-size:18px;font-weight:600;margin-bottom:15px}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.cancel-button{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;color:#495057;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .2s}.cancel-button:hover{background-color:#e9ecef}.submit-button{background-color:#3b7d23;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .2s}.submit-button:hover{background-color:#2c5e1a}@media (max-width:768px){.admin-container{flex-direction:column}.admin-sidebar{margin-bottom:20px;width:100%}.stats-grid{grid-template-columns:1fr}.form-row{flex-direction:column;gap:20px}.modal-content{max-height:95vh}}.admin-link-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:800px;min-height:100vh;padding:100px 20px 40px;text-align:center}.admin-link-container h1{color:#3b7d23;font-size:2.5rem;margin-bottom:30px}.admin-link-container h2{color:#333;font-size:1.8rem;margin-bottom:20px}.admin-link-container h3{color:#333;font-size:1.5rem;margin-bottom:15px}.admin-link-container p{color:#666;line-height:1.6;margin-bottom:20px;max-width:600px}.admin-status{background-color:#f9f9f9;border-radius:10px;box-shadow:0 3px 10px #0000000d;margin-bottom:30px;padding:25px;width:100%}.admin-status p{margin-bottom:10px;text-align:left}.admin-message{border-radius:5px;margin-top:20px;padding:15px}.admin-message p{margin-bottom:0}.admin-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.admin-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.admin-actions{margin:20px 0 40px}.admin-link-button{background-color:#3b7d23;border-radius:5px;color:#fff;display:inline-block;font-size:1.1rem;font-weight:700;margin:0 10px;padding:15px 30px;text-decoration:none;transition:all .3s ease}.admin-link-button:hover{background-color:#c64b01;box-shadow:0 5px 15px #f15d014d;transform:translateY(-3px)}.admin-link-button.login{background-color:#3498db}.admin-link-button.login:hover{background-color:#2980b9;box-shadow:0 5px 15px #3498db4d}.admin-link-button.home{background-color:#95a5a6}.admin-link-button.home:hover{background-color:#7f8c8d;box-shadow:0 5px 15px #95a5a64d}.admin-info{background-color:#fff5f0;border:1px dashed #f15d01;border-radius:10px;margin-top:20px;padding:25px;width:100%}.admin-info ul{margin-bottom:0;padding-left:30px;text-align:left}.admin-info li{color:#555;line-height:1.6;margin-bottom:10px}.admin-login-required{background-color:#f8f9fa;border-radius:10px;box-shadow:0 3px 10px #0000000d;margin-bottom:30px;padding:30px;width:100%}@media (max-width:768px){.admin-link-container{padding:80px 15px 30px}.admin-link-container h1{font-size:2rem}.admin-info,.admin-login-required,.admin-status{padding:20px}.admin-actions{display:flex;flex-direction:column;gap:15px}.admin-link-button{margin:0}}.not-found-container{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:40px 20px;text-align:center}.not-found-content{max-width:600px}.error-code{color:#2ecc71;font-size:8rem;font-weight:700;line-height:1;margin-bottom:20px;text-shadow:0 5px 15px #2ecc714d}.not-found-content h1{color:#333;font-size:2.5rem;margin-bottom:20px}.not-found-content p{color:#555;font-size:1.2rem;margin-bottom:30px}.not-found-actions{display:flex;gap:20px;justify-content:center}.contact-button,.home-button{border-radius:5px;display:inline-block;font-weight:700;padding:12px 25px;text-decoration:none;transition:all .3s ease}.home-button{background-color:#2ecc71;color:#fff}.contact-button{background-color:initial;border:2px solid #2ecc71;color:#2ecc71}.home-button:hover{background-color:#27ae60;transform:translateY(-3px)}.contact-button:hover{background-color:#2ecc711a;transform:translateY(-3px)}@media screen and (max-width:768px){.error-code{font-size:6rem}.not-found-content h1{font-size:2rem}.not-found-actions{flex-direction:column;gap:15px}.contact-button,.home-button{width:100%}}
/*# sourceMappingURL=main.7daf92ba.css.map*/