body{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;margin:0;padding:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-color);color:#343a40;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;text-rendering:optimizeSpeed;transition:all .3s ease;transition:var(--transition)}.container{margin:0 auto;max-width:1200px;padding:0 20px}h1,h2,h3,h4,h5,h6{color:#343a40;color:var(--text-color);font-weight:600;margin-bottom:1rem}h1{font-size:3rem;line-height:1.2}h2{font-size:2.5rem;line-height:1.3}h3{font-size:2rem;line-height:1.4}p{font-size:1.1rem;margin-bottom:1rem}:root{--primary-color:#06c;--secondary-color:#049;--accent-color:#ff6b35;--success-color:#28a745;--warning-color:#ffc107;--danger-color:#dc3545;--bg-color:#fff;--bg-secondary:#f8f9fa;--text-color:#343a40;--text-secondary:#6c757d;--border-color:#0066cc1a;--card-bg:#fff;--gradient-primary:linear-gradient(135deg,#06c,#049);--gradient-accent:linear-gradient(135deg,#ff6b35,#e55a2b);--gradient-bg:linear-gradient(135deg,#f8f9fa,#e9ecef);--shadow-light:0 2px 10px #0000001a;--shadow-medium:0 4px 20px #00000026;--shadow-heavy:0 8px 30px #0003;--footer-bg:#2c3e50;--footer-text:#fff;--footer-bottom-bg:#0003;--hero-bg:linear-gradient(135deg,#f8f9fa,#e9ecef);--events-bg:linear-gradient(135deg,#f0f8ff,#e6f3ff);--achievements-bg:linear-gradient(135deg,#f0f8ff,#e6f3ff);--activities-bg:#fff;--card-bg-alt:#ffffff80;--backdrop-blur:blur(10px);--transition:all 0.3s ease}:root.dark-mode{--bg-color:#1a1a1a;--bg-secondary:#2d2d2d;--text-color:#fff;--text-secondary:#b0b0b0;--border-color:#ffffff1a;--card-bg:#2d2d2d;--text-primary:#fff;--footer-bg:#0f0f0f;--footer-text:#fff;--footer-bottom-bg:#00000080;--hero-bg:linear-gradient(135deg,#1a1a1a,#2d2d2d);--events-bg:linear-gradient(135deg,#1f1f1f,#2a2a2a);--achievements-bg:linear-gradient(135deg,#1f1f1f,#2a2a2a);--activities-bg:#1a1a1a;--card-bg-alt:#ffffff0d;--gradient-bg:linear-gradient(135deg,#1a1a1a,#2d2d2d);--shadow-light:0 2px 10px #0000004d;--shadow-medium:0 4px 20px #0006;--shadow-heavy:0 8px 30px #00000080;--shadow-hover:0 20px 40px #0000004d}.btn{border:none;border-radius:25px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:12px 30px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#06c,#049);background:var(--gradient-primary);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light);color:#fff}.btn-primary:hover{box-shadow:0 4px 20px #00000026;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.btn-accent{background:linear-gradient(135deg,#ff6b35,#e55a2b);background:var(--gradient-accent);box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light);color:#fff}.btn-accent:hover{box-shadow:0 4px 20px #00000026;box-shadow:var(--shadow-medium);transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #06c;border:2px solid var(--primary-color);color:#06c;color:var(--primary-color)}.btn-outline:hover{background:#06c;background:var(--primary-color);color:#fff}.card{background:#fff;background:var(--card-bg);border-radius:15px;box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-light);overflow:hidden;transition:all .3s ease;transition:var(--transition)}.card:hover{box-shadow:0 4px 20px #00000026;box-shadow:var(--shadow-medium);transform:translateY(-5px)}.card-body{padding:2rem}.section{padding:80px 0}.section-title{color:#343a40;color:var(--text-color)}.section-subtitle,.section-title{margin-bottom:3rem;text-align:center}.section-subtitle{color:#6c757d;color:var(--text-secondary);font-size:1.2rem;margin-left:auto;margin-right:auto;max-width:600px}@media (max-width:768px){.container{padding:0 15px}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}.section{padding:60px 0}.btn{font-size:.9rem;padding:10px 25px}}@media (max-width:480px){h1{font-size:2rem}h2{font-size:1.8rem}.section{padding:40px 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}.fade-in-left{animation:fadeInLeft .6s ease-out}.fade-in-right{animation:fadeInRight .6s ease-out}.text-center{text-align:center}.text-primary{color:#06c;color:var(--primary-color)}.text-accent{color:#ff6b35;color:var(--accent-color)}.bg-light{background-color:#f8f9fa;background-color:var(--bg-secondary)}.bg-dark{background-color:#fff;background-color:var(--bg-color)}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.grid{grid-gap:2rem;display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width:992px) and (min-width:769px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}.animate{will-change:transform,opacity}.animate:not(:hover):not(:focus){will-change:auto}.btn,.card,.carousel-nav{contain:layout style paint}.fade-in,.scale-in,.slide-in{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.hero-background,.section-background{background-attachment:scroll}video{will-change:transform}video:not(:hover):not(:focus){will-change:auto}@media (max-width:768px){#root *,#root :after,#root :before,body *,body :after,body :before,html *,html :after,html :before{animation:none!important;animation-delay:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;opacity:1!important;transform:none!important;transition:none!important;transition-delay:0s!important;transition-duration:0s!important;visibility:visible!important;will-change:auto!important}[class*=bounce],[class*=fade],[class*=float],[class*=glow],[class*=morph],[class*=pulse],[class*=rotate],[class*=scale],[class*=shake],[class*=shift],[class*=slide],[class*=wobble]{animation:none!important;opacity:1!important;transform:none!important;transition:none!important;visibility:visible!important}.hidden,.loading-screen.fade-out,[style*="display: none"],input[type=checkbox]{display:inline!important;display:initial!important;opacity:1!important;visibility:visible!important;visibility:initial!important}.header .nav:not(.nav-open){opacity:0!important;pointer-events:none!important;transform:translateY(-100%)!important;visibility:hidden!important}.header .nav.nav-open{opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important;visibility:visible!important}.typewriter-container .typewriter-line{animation:none 0s ease 0s 1 normal none running!important;animation:initial!important;opacity:1!important;transform:none!important;transition:none 0s ease 0s!important;transition:initial!important;visibility:visible!important;visibility:initial!important}.hero-buttons{display:flex!important}.events-grid{display:grid!important}body{-webkit-overflow-scrolling:touch;scroll-behavior:auto!important}*{backface-visibility:hidden;-webkit-backface-visibility:hidden}.btn,.event-card,.events-content *,.events-grid *,.events-header *,.events-section *,.fade-in-left,.fade-in-right,.fade-in-up,.forum-cta,.hero-buttons,.hero-buttons .btn,.section-subtitle-2,.section-title,.stat-item,.upcoming-events{opacity:1!important;visibility:visible!important}html body #root .header .nav-wrapper .nav:not(.nav-open),html body #root .header .nav:not(.nav-open){left:0!important;opacity:0!important;pointer-events:none!important;position:absolute!important;right:0!important;top:100%!important;transform:translateY(-100%)!important;visibility:hidden!important}html body #root .header .nav-wrapper .nav.nav-open,html body #root .header .nav.nav-open{left:0!important;opacity:1!important;pointer-events:auto!important;position:absolute!important;right:0!important;top:100%!important;transform:translateY(0)!important;visibility:visible!important}}