*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#0a0a0a}body{color:#fff;font-family:Inter Tight,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}*{scrollbar-color:#fff6 #ffffff1a;scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff4d;border:1px solid #ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}.hide-scrollbar{-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none!important}.hide-scrollbar::-webkit-scrollbar{display:none!important}@keyframes orbDrift1{0%,to{opacity:.18;transform:translate(0) scale(1)}25%{opacity:.22;transform:translate(40px,-30px) scale(1.08)}50%{opacity:.15;transform:translate(-20px,20px) scale(.95)}75%{opacity:.2;transform:translate(30px,40px) scale(1.05)}}@keyframes orbDrift2{0%,to{opacity:.14;transform:translate(0) scale(1)}30%{opacity:.18;transform:translate(-50px,25px) scale(1.1)}60%{opacity:.12;transform:translate(25px,-35px) scale(.92)}80%{opacity:.16;transform:translate(-15px,-20px) scale(1.04)}}@keyframes orbDrift3{0%,to{opacity:.1;transform:translate(0) scale(1)}35%{opacity:.15;transform:translate(30px,50px) scale(1.12)}65%{opacity:.08;transform:translate(-40px,-15px) scale(.9)}}@keyframes orbPulse{0%,to{opacity:.06;transform:scale(1)}50%{opacity:.12;transform:scale(1.15)}}@keyframes countdownPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spotlightShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.App{background-color:#0a0a0a;min-height:100vh}.header{backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);background:#121212d9;border-bottom:1px solid #ffffff0f;box-shadow:0 1px 12px #0000004d;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:1001}.nav{justify-content:space-between;margin:0 auto;max-width:1200px;padding:.85rem 2rem;position:relative}.logo,.nav{align-items:center;display:flex}.logo{text-decoration:none;transition:transform .3s ease}.logo-img{border-radius:6px;height:60px;object-fit:contain;width:auto}.logo:hover{transform:scale(1.05)}.nav-links{display:flex;gap:.5rem;left:50%;position:absolute;transform:translateX(-50%)}.nav-links a{align-items:center;background:#0000;border:none;border-radius:10px;box-sizing:border-box;color:#ffffffb3;display:flex;font-family:inherit;font-size:.85rem;font-weight:500;letter-spacing:.01em;line-height:1;padding:.4rem .9rem;text-decoration:none;transition:all .2s}.nav-links a:hover{background:#ffffff14;color:#fff}.sign-in-btn{background:#22c55e;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;letter-spacing:.01em;padding:.45rem 1.2rem;transition:all .2s ease}.sign-in-btn:hover{background:#16a34a;transform:translateY(-1px)}.hero{background-position:50%;background-repeat:no-repeat;background-size:cover;margin-left:calc(-50vw + 50%);min-height:80vh;padding:4rem 2rem;position:relative;text-align:center;width:100vw}.hero:before{background:linear-gradient(180deg,#000 0,#000000e6 8%,#00000080 20%,#0000004d 35%,#0000004d 55%,#000000b3 65%,#000000e6 78%,#000000f7 88%,#000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.hero-content{position:relative;z-index:1}.hero h1{font-size:3.5rem;margin-bottom:1rem}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#2e7d32,#4caf50);-webkit-background-clip:text;background-clip:text;font-weight:700;text-shadow:0 0 20px #2e7d3280}.hero p{color:#ccc;font-size:1.5rem;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem;justify-content:center}.btn-primary{background-color:#2e7d32;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary:hover{background-color:#1b5e20;box-shadow:0 4px 12px #2e7d3266;transform:translateY(-2px)}.btn-secondary{background-color:#ffffff1a;border:1px solid #ccc;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-secondary:hover{background-color:#333;border-color:#2e7d32;color:#2e7d32;transform:translateY(-2px)}.modal-content .btn-secondary{background-color:#f8f9fa;border-color:#6c757d;color:#6c757d}.modal-content .btn-secondary:hover{background-color:#e9ecef;border-color:#495057;color:#495057}.how-it-works{margin:0 auto;max-width:1200px;padding:4rem 2rem;text-align:center}.how-it-works h2{font-size:2rem;margin-bottom:3rem}.steps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.step{background-color:#2a2a2a;border-radius:8px;padding:2rem}.step-icon{font-size:3rem;margin-bottom:1rem}.step h3{color:#2e7d32;margin-bottom:1rem}.upcoming-events{background-color:#0a0a0a;margin-left:calc(-50vw + 50%);min-height:80vh;overflow:visible;padding:0;position:relative;width:100vw}.upcoming-events:after,.upcoming-events:before{display:none}.events-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;position:relative;z-index:2}.events-header h2{font-size:2rem}.filter-buttons{display:flex;gap:1rem}.filter-btn{background-color:initial;border:1px solid #666;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.filter-btn:hover{background-color:#333;border-color:#2e7d32;color:#2e7d32}.events-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:2rem;position:relative;z-index:2}.event-card{background-color:#2a2a2a;border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.event-card:hover{background-color:#333;box-shadow:0 8px 25px #2e7d3233;transform:translateY(-5px)}.event-image{align-items:center;background:linear-gradient(45deg,#2e7d32,#4caf50);color:#fff;display:flex;font-size:1.2rem;height:200px;justify-content:center;position:relative}.category-tag{background-color:#2e7d32;border-radius:4px;color:#fff;font-size:.8rem;left:1rem;padding:.25rem .5rem;position:absolute;top:1rem}.event-info{padding:1.5rem}.event-info h3{font-size:1.2rem;margin-bottom:.5rem}.date,.location{color:#ccc;font-size:.9rem;margin-bottom:.5rem}.event-footer{align-items:center;display:flex;justify-content:space-between;margin-top:1rem}.price{color:#2e7d32;font-size:1.1rem;font-weight:700}.join-btn{background-color:#2e7d32;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.join-btn:hover{background-color:#1b5e20;box-shadow:0 2px 8px #2e7d324d;transform:scale(1.05)}.view-more{text-align:center}.view-more-btn{background-color:#2e7d32;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.view-more-btn:hover{background-color:#1b5e20;box-shadow:0 4px 12px #2e7d3266;transform:translateY(-2px)}.footer{background-color:#000;margin-top:4rem;padding:3rem 2rem 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.footer-section h3,.footer-section h4{color:#2e7d32;margin-bottom:1rem}.footer-section a{display:block;text-decoration:none}.footer-section a,.footer-section p{color:#ccc;margin-bottom:.5rem}.modal-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}.modal-content{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#1a202cf2!important;border:1px solid #ffffff1a;border-radius:8px;color:#fff!important;max-height:80vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.modal-buttons{display:flex;gap:1rem;margin-top:1rem}.modal-buttons button{flex:1 1;padding:.75rem}.page-transition{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes modalPop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.mobile-matches-btn,.mobile-menu-btn{display:none}.mobile-only{display:none!important}.desktop-only{align-items:center;display:flex}@media (max-width:768px){.App{min-height:auto}.hero h1{font-size:2rem}.hero-buttons{align-items:center;flex-direction:column}.events-header{flex-direction:column;gap:1rem}.mobile-menu-btn{display:none}.mobile-matches-btn{align-items:center;background:#ffffff0f;border:none;border-radius:10px;color:#ffffffbf;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;font-weight:500;justify-content:center;padding:.35rem .75rem;transition:all .2s;white-space:nowrap}.mobile-matches-btn:hover{background:#ffffff1a;color:#fff}.desktop-only{display:none!important}.mobile-only{display:flex!important}.mobile-menu-btn:hover{background:#ffffff26}.nav-links{display:none}.header{position:-webkit-sticky;position:sticky}.nav{align-items:center;flex-wrap:nowrap;gap:.5rem;padding:.6rem .75rem;position:relative}.logo-img{height:38px}.sign-in-btn{font-size:.9rem;padding:.4rem .8rem}.events-grid{display:flex;flex-direction:column;gap:1rem}.event-card{display:flex;flex-direction:row;height:120px;max-width:100%}.event-image{flex-shrink:0;height:120px;width:120px}.event-info{padding:1rem}.upcoming-events{padding:0!important}.notification-bell-container{position:relative}.notification-dropdown{touch-action:manipulation}.notification-dropdown button{min-height:44px;min-width:44px}.event-detail-mobile{display:flex!important;flex-direction:column!important;height:calc(100vh - 120px)!important}.event-detail-content-mobile{flex:1 1!important;min-height:0!important;overflow-y:auto!important}.event-detail-actions-mobile{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background-color:#000000f2!important;bottom:0!important;flex-shrink:0!important;position:-webkit-sticky!important;position:sticky!important}.mobile-fixed-button{bottom:0!important;box-sizing:border-box!important;left:0!important;position:fixed!important;right:0!important;width:100%!important;z-index:9999!important}.event-detail-page-mobile{height:100dvh!important;min-height:auto!important}}
/*# sourceMappingURL=main.07b469ff.css.map*/