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}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--cream-bg);background:#fefefef2;border-bottom:1px solid #ff6b3526;box-shadow:var(--shadow);position:fixed;top:0;width:100%;z-index:1000}[data-theme=dark] .navbar{background:#1a1a1af2;border-bottom:1px solid #ff6b3540}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.nav-logo h2{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;cursor:pointer;font-size:1.8rem;font-weight:700}.nav-menu{display:flex;gap:2rem}.nav-link{color:var(--cream-text);font-weight:500;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{color:var(--vibrant-green)}.nav-link:after{background:var(--gradient-primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.nav-actions{gap:1rem}.nav-actions,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:none;border:2px solid var(--vibrant-green);border-radius:50%;color:var(--vibrant-green);cursor:pointer;height:40px;justify-content:center;overflow:hidden;padding:.5rem;position:relative;transition:all .3s ease;width:40px}.theme-toggle:before{background:var(--gradient-primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.theme-toggle:hover:before{opacity:1}.theme-toggle:hover{border-color:#0000;color:var(--white);transform:scale(1.1)}.post-alert-btn{background:var(--gradient-primary);border:none;border-radius:25px;color:var(--white);cursor:pointer;font-weight:600;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.post-alert-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.post-alert-btn:hover:before{left:100%}.post-alert-btn:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.social-links{display:flex;gap:.5rem}.social-link{align-items:center;border-radius:50%;color:var(--cream-muted);display:flex;font-size:1.2rem;height:40px;justify-content:center;padding:.5rem;transition:all .3s ease;width:40px}.social-link:hover{background:#ff6b351a;color:var(--vibrant-green);transform:translateY(-2px)}@media (max-width:768px){.nav-container{flex-direction:column;gap:1rem;padding:1rem}.nav-menu{gap:1rem}.nav-actions,.nav-menu{flex-wrap:wrap;justify-content:center}.nav-actions{gap:.5rem}.nav-logo h2{font-size:1.5rem}}@media (max-width:480px){.nav-menu{gap:.5rem}.nav-link{font-size:.9rem;padding:.25rem 0}.post-alert-btn{font-size:.9rem;padding:.5rem 1rem}}[data-theme=dark] .nav-link{color:var(--cream-text)}[data-theme=dark] .social-link{color:var(--cream-muted)}[data-theme=dark] .social-link:hover{background:#ff6b3526}.hero{align-items:center;background:var(--cream-bg);display:flex;min-height:100vh;overflow:hidden;padding:8rem 2rem 4rem;position:relative}.hero-background{height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:-1}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;position:relative;z-index:1}.hero-content h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.hero-content p{color:var(--cream-muted);font-size:1.2rem;line-height:1.8;margin-bottom:2rem;max-width:500px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.hero-image{align-items:center;display:flex;height:500px;justify-content:center;position:relative}.hero-graphic{height:100%;position:relative;width:100%}.floating-card{align-items:center;background:var(--cream-bg);border:1px solid #ff6b3533;border-radius:20px;box-shadow:var(--shadow);cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:2rem;position:absolute;transition:all .3s ease}.floating-card:first-child{animation-delay:0s;left:20px;top:20px}.floating-card:nth-child(2){animation-delay:2s;right:50px;top:150px}.floating-card:nth-child(3){animation-delay:4s;bottom:50px;left:100px}.card-icon{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:3rem}.floating-card span{color:var(--cream-text);font-size:1.1rem;font-weight:600}.particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.particle{background:var(--vibrant-green);border-radius:50%;height:4px;opacity:.6;position:absolute;width:4px}@media (max-width:768px){.hero{padding:6rem 1rem 2rem}.hero-container{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.1rem;margin:0 auto 2rem}.hero-buttons{justify-content:center}.hero-image{height:300px}.floating-card{padding:1.5rem}.card-icon{font-size:2rem}.floating-card span{font-size:1rem}}@media (max-width:480px){.hero{padding:5rem 1rem 1rem}.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.hero-buttons{align-items:center;flex-direction:column}.btn{max-width:250px;width:100%}.hero-image{height:250px}.floating-card{padding:1rem}.card-icon{font-size:1.5rem}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(2deg)}}.floating-card{animation:float 6s ease-in-out infinite}.hero:hover .floating-card{filter:brightness(1.05)}.floating-card:hover{border-color:#ff6b3566;box-shadow:0 20px 40px #ff6b354d;transform:scale(1.1) rotate(5deg);z-index:10}.hero:before{background:linear-gradient(135deg,#fefefe1a,#f8f4f00d 50%,#fefefe1a);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}[data-theme=dark] .hero:before{background:linear-gradient(135deg,#0000001a,#2a2a2a0d 50%,#0000001a)}[data-theme=dark] .hero{background:var(--cream-bg)}[data-theme=dark] .floating-card{background:var(--cream-light);border-color:#ff6b354d}[data-theme=dark] .floating-card span{color:var(--cream-text)}.filter-section{background:var(--cream-bg);border-bottom:1px solid var(--cream-border);overflow:hidden;padding:2rem;position:relative}.filter-section:before{background:linear-gradient(135deg,#ff6b3505,#ff971e05);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.filter-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px;position:relative;z-index:1}.filter-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.filter-tab{background:#0000;border:2px solid var(--cream-border);border-radius:25px;color:var(--cream-text);cursor:pointer;font-size:.9rem;font-weight:500;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.filter-tab:before{background:var(--gradient-primary);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:-1}.filter-tab.active:before,.filter-tab:hover:before{width:100%}.filter-tab.active,.filter-tab:hover{border-color:#0000;box-shadow:0 4px 15px #ff6b354d;color:var(--white);transform:translateY(-2px)}.filter-actions{flex-wrap:wrap;gap:1.5rem}.filter-actions,.search-box{align-items:center;display:flex}.search-box{background:var(--cream-light);border:2px solid #0000;border-radius:25px;overflow:hidden;padding:.5rem;position:relative;transition:all .3s ease}.search-box:before{background:var(--gradient-primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.search-box:focus-within{border-color:var(--vibrant-green);box-shadow:0 0 0 3px #ff6b351a}.search-box:focus-within:before{opacity:.05}.search-input{background:none;border:none;color:var(--cream-text);font-size:1rem;outline:none;padding:.5rem 1rem;width:300px}.search-input::placeholder{color:var(--cream-muted);opacity:.7}.search-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:20px;color:var(--white);cursor:pointer;display:flex;height:40px;justify-content:center;min-width:40px;padding:.5rem 1rem;transition:all .3s ease}.search-btn:hover{box-shadow:0 4px 15px #ff6b3566;transform:scale(1.05)}.search-btn i{font-size:.9rem}.refresh-section{gap:1rem}.refresh-btn,.refresh-section{align-items:center;display:flex}.refresh-btn{background:var(--gradient-secondary);border:none;border-radius:50%;color:var(--white);cursor:pointer;height:45px;justify-content:center;overflow:hidden;padding:.75rem;position:relative;transition:all .3s ease;width:45px}.refresh-btn:hover:not(:disabled){box-shadow:0 5px 15px #ff6b3566;transform:scale(1.1)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.refresh-btn i{font-size:1rem}.last-refresh{color:var(--cream-muted);font-size:.85rem;font-weight:500;white-space:nowrap}@media (max-width:768px){.filter-container{align-items:stretch;flex-direction:column;gap:1.5rem}.filter-tabs{justify-content:center}.filter-actions{align-items:stretch;flex-direction:column;gap:1rem}.search-box{width:100%}.search-input{flex:1 1;width:100%}.refresh-section{justify-content:center}}@media (max-width:480px){.filter-section{padding:1.5rem 1rem}.filter-tabs{gap:.25rem}.filter-tab{font-size:.8rem;padding:.5rem 1rem}.search-box{padding:.25rem}.search-input{font-size:.9rem;padding:.5rem .75rem}.search-btn{height:35px;min-width:35px;padding:.25rem .75rem}.refresh-btn{height:40px;padding:.5rem;width:40px}.last-refresh{font-size:.8rem}}.filter-tab:focus{outline:2px solid var(--vibrant-green);outline-offset:2px}.search-input:focus{outline:none}.refresh-btn:focus{outline:2px solid var(--vibrant-green);outline-offset:2px}.search-box.loading{position:relative}.search-box.loading:after{animation:spin 1s linear infinite;border-top:2px solid var(--cream-border);border:2px solid var(--cream-border);border-radius:50%;border-top-color:var(--vibrant-green);content:"";height:16px;position:absolute;right:60px;top:50%;transform:translateY(-50%);width:16px}[data-theme=dark] .filter-section{background:var(--cream-bg);border-bottom-color:var(--cream-border)}[data-theme=dark] .filter-tab{border-color:var(--cream-border);color:var(--cream-text)}[data-theme=dark] .search-box{background:var(--cream-light)}[data-theme=dark] .search-input{color:var(--cream-text)}[data-theme=dark] .last-refresh,[data-theme=dark] .search-input::placeholder{color:var(--cream-muted)}.opportunities{background:var(--cream-light);overflow:hidden;padding:4rem 2rem;position:relative}.opportunities:before{background:linear-gradient(135deg,#ff6b3505,#f8f4f0cc);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.opportunities-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.opportunities h2{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--cream-text);font-size:2.5rem;margin-bottom:3rem;text-align:center}.filter-indicator{color:var(--cream-muted);font-size:.8em;font-weight:400;margin-left:.5rem}.loading-state{padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin 2s linear infinite;color:var(--vibrant-green);font-size:3rem;margin-bottom:1rem}.loading-state h3{color:var(--cream-text);font-size:1.5rem;margin-bottom:.5rem}.loading-state p{color:var(--cream-muted);font-size:1.1rem}.opportunities-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.opportunity-card{background:var(--cream-bg);border:1px solid #ff6b3526;border-radius:20px;box-shadow:var(--shadow);overflow:hidden;position:relative;transition:all .3s ease}.opportunity-card:hover{border-color:#ff6b354d;box-shadow:var(--shadow-hover);transform:translateY(-10px)}.opportunity-image{align-items:center;background:var(--gradient-primary);display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;width:100%}.opportunity-image:before{background:linear-gradient(45deg,#ffffff1a,#fff3 50%,#ffffff1a);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s ease;width:100%}.opportunity-card:hover .opportunity-image:before{transform:translateX(100%)}.image-content{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.image-content img{height:100%;object-fit:cover;transition:all .3s ease;width:100%}.fallback-icon{color:var(--white);font-size:4rem;position:relative;z-index:1}.fallback-icon.hidden{display:none}.opportunity-content{padding:1.5rem}.opportunity-type{border-radius:15px;color:var(--white);display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:1rem;padding:.25rem .75rem;text-transform:capitalize}.opportunity-type,.opportunity-type.job{background:var(--gradient-primary)}.opportunity-type.internship{background:var(--gradient-accent)}.opportunity-type.event{background:var(--gradient-warning)}.opportunity-title{color:var(--cream-text);font-size:1.3rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}.opportunity-company{color:var(--cream-muted);font-weight:500;margin-bottom:1rem}.opportunity-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--cream-muted);display:-webkit-box;line-height:1.6;margin-bottom:1rem;overflow:hidden}.opportunity-role{align-items:center;background:#ff6b351a;border-left:3px solid var(--vibrant-green);border-radius:8px;display:flex;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem}.opportunity-role,.opportunity-role i{color:var(--vibrant-green);font-size:1rem}.opportunity-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.opportunity-deadline{border-radius:10px;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.opportunity-deadline.urgent{animation:pulse 2s infinite}.opportunity-deadline.urgent,.opportunity-deadline.warning{background:var(--gradient-warning);color:var(--white)}.opportunity-deadline.normal{background:var(--gradient-success);color:var(--white)}.opportunity-deadline.expired{background:#6c757d;color:var(--white)}.opportunity-location{align-items:center;color:var(--cream-muted);display:flex;font-size:.9rem;gap:.5rem}.opportunity-location i{color:var(--vibrant-green)}.opportunity-event-date{align-items:center;background:var(--cream-light);border-left:3px solid var(--gradient-warning);border-radius:8px;color:var(--cream-muted);display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.75rem;padding:.5rem}.opportunity-event-date i{color:var(--gradient-warning);font-size:1rem}.opportunity-fee,.opportunity-salary{align-items:center;background:var(--cream-light);border-left:3px solid var(--vibrant-green);border-radius:8px;color:var(--cream-muted);display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.75rem;padding:.5rem}.opportunity-fee i,.opportunity-salary i{color:var(--vibrant-green);font-size:1rem}.opportunity-actions{display:flex;gap:.5rem}.opportunity-actions button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.75rem;transition:all .3s ease}.apply-btn{background:var(--gradient-primary);color:var(--white)}.apply-btn:hover{box-shadow:0 4px 15px #ff6b3566;transform:translateY(-2px)}.alert-btn{background:#0000;border:2px solid var(--vibrant-green);color:var(--vibrant-green);overflow:hidden;position:relative}.alert-btn:before{background:var(--gradient-primary);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:-1}.alert-btn:hover:before{width:100%}.alert-btn:hover{border-color:#0000;color:var(--white);transform:translateY(-2px)}.no-results{grid-column:1/-1;padding:3rem;text-align:center}.no-results h3{color:var(--cream-muted);font-size:1.5rem;margin-bottom:1rem}.no-results p{color:var(--cream-muted);font-size:1.1rem}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@media (max-width:768px){.opportunities{padding:2rem 1rem}.opportunities h2{font-size:2rem;margin-bottom:2rem}.opportunities-grid{gap:1.5rem;grid-template-columns:1fr}.opportunity-meta{align-items:flex-start;gap:.75rem}.opportunity-actions,.opportunity-meta{flex-direction:column}.loading-state{padding:2rem 1rem}.loading-spinner{font-size:2.5rem}.opportunity-role{font-size:.9rem;padding:.4rem .6rem}}@media (max-width:480px){.opportunities{padding:1.5rem .5rem}.opportunities h2{font-size:1.8rem}.opportunity-content{padding:1rem}.opportunity-title{font-size:1.1rem}.opportunity-description{font-size:.9rem}.opportunity-role{font-size:.85rem;padding:.3rem .5rem}.loading-state{padding:1.5rem .5rem}.loading-spinner{font-size:2rem}.loading-state h3{font-size:1.3rem}.loading-state p{font-size:1rem}}.opportunity-card:after{background:linear-gradient(135deg,#ff6b350d,#ff971e0d);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%}.opportunity-card:hover:after{opacity:1}[data-theme=dark] .opportunities{background:var(--cream-light)}[data-theme=dark] .opportunity-card{background:var(--cream-light);border-color:#ff6b3540}[data-theme=dark] .opportunity-title{color:var(--cream-text)}[data-theme=dark] .opportunity-company,[data-theme=dark] .opportunity-description,[data-theme=dark] .opportunity-location{color:var(--cream-muted)}[data-theme=dark] .opportunity-event-date,[data-theme=dark] .opportunity-fee,[data-theme=dark] .opportunity-salary{background:var(--cream-light);color:var(--cream-muted)}[data-theme=dark] .opportunity-role{background:#ff6b3526;color:var(--vibrant-green)}.community{background:var(--cream-bg);overflow:hidden;padding:4rem 2rem;position:relative}.community:before{background:linear-gradient(135deg,#ff6b3505,#ff971e05);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.community-container{margin:0 auto;max-width:1200px;position:relative;text-align:center;z-index:1}.community h2{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--cream-text);font-size:2.5rem;margin-bottom:1rem}.community p{color:var(--cream-muted);font-size:1.2rem;line-height:1.8;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px}.community-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.feature{background:var(--cream-light);border:1px solid #ff6b3526;border-radius:20px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.feature:before{background:var(--gradient-primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.feature:hover:before{opacity:.05}.feature:hover{border-color:#ff6b354d;box-shadow:var(--shadow);transform:translateY(-10px)}.feature-icon{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:3rem;margin-bottom:1rem;transition:all .3s ease}.feature:hover .feature-icon{transform:scale(1.1)}.feature h3{color:var(--cream-text);font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.feature p{color:var(--cream-muted);font-size:1rem;line-height:1.6;margin:0}.join-btn{margin-top:1rem}.community-bg-decoration{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.floating-shape{animation:float-shape 8s ease-in-out infinite;background:var(--gradient-primary);border-radius:50%;opacity:.1;position:absolute}.shape-1{animation-delay:0s;height:100px;left:10%;top:20%;width:100px}.shape-2{animation-delay:2s;background:var(--gradient-secondary);height:60px;right:15%;top:60%;width:60px}.shape-3{animation-delay:4s;background:var(--gradient-accent);bottom:20%;height:80px;left:20%;width:80px}@keyframes float-shape{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-30px) rotate(180deg)}}@media (max-width:768px){.community{padding:2rem 1rem}.community h2{font-size:2rem}.community p{font-size:1.1rem;margin-bottom:2rem}.community-features{gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem}.feature{padding:1.5rem}.feature-icon{font-size:2.5rem}.floating-shape{display:none}}@media (max-width:480px){.community{padding:1.5rem .5rem}.community h2{font-size:1.8rem}.community p{font-size:1rem}.feature{padding:1rem}.feature-icon{font-size:2rem}.feature h3{font-size:1.1rem}.feature p{font-size:.9rem}}.feature:after{background:linear-gradient(135deg,#ff6b350d,#ff971e0d);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%}.feature:hover:after{opacity:1}.feature{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f4f0cc}[data-theme=dark] .feature{background:#2a2a2acc;border-color:#ff6b3540}[data-theme=dark] .community{background:var(--cream-bg)}[data-theme=dark] .community h2{color:var(--cream-text)}[data-theme=dark] .community p{color:var(--cream-muted)}[data-theme=dark] .feature h3{color:var(--cream-text)}[data-theme=dark] .feature p{color:var(--cream-muted)}.about{background:var(--cream-light);overflow:hidden;padding:4rem 2rem;position:relative}.about:before{background:linear-gradient(135deg,#ff6b3505,#f8f4f0cc);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.about-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.about-header{margin-bottom:4rem;text-align:center}.about-header h2{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--cream-text);font-size:2.5rem;margin-bottom:1.5rem}.about-header p{color:var(--cream-muted);font-size:1.2rem;line-height:1.8;margin:0 auto;max-width:700px}.about-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:4rem}.stat-item{background:var(--cream-bg);border:1px solid #ff6b3526;border-radius:20px;box-shadow:var(--shadow);overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.stat-item:before{background:var(--gradient-primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.stat-item:hover:before{opacity:.05}.stat-item:hover{border-color:#ff6b354d;box-shadow:var(--shadow-hover);transform:translateY(-5px)}.stat-number{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--vibrant-green);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:var(--cream-muted);font-size:1rem;font-weight:500}.about-mission{margin-bottom:4rem}.mission-content{margin:0 auto;max-width:800px;text-align:center}.mission-content h3{-webkit-text-fill-color:#0000;background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text;color:var(--cream-text);font-size:2rem;margin-bottom:1.5rem}.mission-content p{color:var(--cream-muted);font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.mission-values{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.value{align-items:center;background:var(--cream-bg);border-radius:25px;box-shadow:var(--shadow);display:flex;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.value:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.value i{color:var(--vibrant-green);font-size:1.2rem}.value span{color:var(--cream-text);font-weight:500}.about-team{margin-bottom:4rem}.about-team h3{-webkit-text-fill-color:#0000;background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;color:var(--cream-text);font-size:2rem;margin-bottom:2rem;text-align:center}.team-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.team-member{background:var(--cream-bg);border:1px solid #ff6b3526;border-radius:20px;box-shadow:var(--shadow);overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.team-member:before{background:var(--gradient-primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.team-member:hover:before{opacity:.05}.team-member:hover{border-color:#ff6b354d;box-shadow:var(--shadow-hover);transform:translateY(-10px)}.member-avatar{display:inline-block;font-size:4rem;margin-bottom:1rem}.member-avatar:hover{animation:bounce .6s ease}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.team-member h4{color:var(--cream-text);font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.member-role{color:var(--vibrant-green);font-size:1rem;font-weight:500;margin-bottom:1rem}.member-description{color:var(--cream-muted);font-size:.95rem;line-height:1.6}.about-cta{background:var(--cream-bg);border:1px solid #ff6b3526;border-radius:20px;box-shadow:var(--shadow);padding:3rem;text-align:center}.about-cta h3{-webkit-text-fill-color:#0000;background:var(--gradient-success);-webkit-background-clip:text;background-clip:text;color:var(--cream-text);font-size:2rem;margin-bottom:1rem}.about-cta p{color:var(--cream-muted);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}@media (max-width:768px){.about{padding:2rem 1rem}.about-cta h3,.about-header h2,.about-team h3,.mission-content h3{font-size:1.8rem}.about-header p,.mission-content p{font-size:1rem}.about-stats{gap:1rem;grid-template-columns:repeat(2,1fr)}.stat-item{padding:1.5rem}.stat-number{font-size:2rem}.mission-values{gap:1rem}.value{font-size:.9rem;padding:.5rem 1rem}.team-grid{gap:1.5rem;grid-template-columns:1fr}.team-member{padding:1.5rem}.about-cta{padding:2rem 1.5rem}}@media (max-width:480px){.about-cta h3,.about-header h2,.about-team h3,.mission-content h3{font-size:1.5rem}.about-stats{grid-template-columns:1fr}.stat-item{padding:1rem}.stat-number{font-size:1.8rem}.mission-values{align-items:center;flex-direction:column}.value{justify-content:center;max-width:200px;width:100%}.team-member{padding:1rem}.member-avatar{font-size:3rem}.about-cta{padding:1.5rem 1rem}}.stat-item:after,.team-member:after{background:linear-gradient(135deg,#ff6b350d,#ff971e0d);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:100%}.stat-item:hover:after,.team-member:hover:after{opacity:1}[data-theme=dark] .about{background:var(--cream-light)}[data-theme=dark] .about-cta h3,[data-theme=dark] .about-header h2,[data-theme=dark] .about-team h3,[data-theme=dark] .mission-content h3{color:var(--cream-text)}[data-theme=dark] .about-cta p,[data-theme=dark] .about-header p,[data-theme=dark] .mission-content p{color:var(--cream-muted)}[data-theme=dark] .about-cta,[data-theme=dark] .stat-item,[data-theme=dark] .team-member{background:var(--cream-light);border-color:#ff6b3540}[data-theme=dark] .value{background:var(--cream-light)}[data-theme=dark] .member-description,[data-theme=dark] .stat-label,[data-theme=dark] .team-member h4,[data-theme=dark] .value span{color:var(--cream-muted)}[data-theme=dark] .team-member h4{color:var(--cream-text)}.footer{background:var(--cream-light);border-top:1px solid var(--cream-border);overflow:hidden;padding:3rem 2rem 1rem;position:relative}.footer:before{background:linear-gradient(135deg,#ff6b3505,#ff971e05);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.footer-container{margin:0 auto;max-width:1200px;position:relative;z-index:1}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.footer-section h3{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--cream-text);font-size:1.2rem;font-weight:600;margin-bottom:1rem}.footer-section a,.footer-section p{color:var(--cream-muted);display:block;line-height:1.6;margin-bottom:.5rem;text-decoration:none;transition:all .3s ease}.footer-section a:hover{color:var(--vibrant-green);transform:translateX(5px)}.footer-social{display:flex;gap:1rem;margin-top:1rem}.social-icon{align-items:center;background:var(--cream-bg);border:2px solid var(--cream-border);border-radius:50%;color:var(--cream-muted);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.social-icon:hover{background:var(--gradient-primary);border-color:#0000;box-shadow:0 5px 15px #ff6b3566;color:var(--white);transform:translateY(-3px)}.footer-bottom{align-items:center;border-top:1px solid var(--cream-border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding-top:1.5rem}.footer-bottom p{color:var(--cream-muted);margin:0}.footer-bottom-links{display:flex;flex-wrap:wrap;gap:1.5rem}.footer-link-btn{background:none;border:none;color:var(--cream-muted);cursor:pointer;font-size:.9rem;padding:.5rem 0;position:relative;text-decoration:none;transition:all .3s ease}.footer-link-btn:hover{color:var(--vibrant-green)}.footer-link-btn:after{background:var(--gradient-primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-link-btn:hover:after{width:100%}@media (max-width:768px){.footer{padding:2rem 1rem 1rem}.footer-content{gap:1.5rem;grid-template-columns:1fr;text-align:center}.footer-bottom{flex-direction:column;text-align:center}.footer-bottom-links{justify-content:center}}@media (max-width:480px){.footer{padding:1.5rem .5rem 1rem}.footer-section h3{font-size:1.1rem}.footer-section a,.footer-section p{font-size:.9rem}.social-icon{height:35px;width:35px}.footer-bottom-links{gap:1rem}.footer-link-btn{font-size:.8rem}}[data-theme=dark] .footer{background:var(--cream-light);border-top-color:var(--cream-border)}[data-theme=dark] .footer-section h3{color:var(--cream-text)}[data-theme=dark] .footer-section a,[data-theme=dark] .footer-section p{color:var(--cream-muted)}[data-theme=dark] .social-icon{background:var(--cream-light);border-color:var(--cream-border);color:var(--cream-muted)}[data-theme=dark] .footer-bottom{border-top-color:var(--cream-border)}[data-theme=dark] .footer-bottom p,[data-theme=dark] .footer-link-btn{color:var(--cream-muted)}.footer-section a:before{content:"→";margin-right:.5rem;opacity:0;transform:translateX(-10px);transition:all .3s ease}.footer-section a:hover:before{opacity:1;transform:translateX(0)}@keyframes socialBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.social-icon:hover{animation:socialBounce .6s ease infinite}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:2000}.modal-content{background:var(--cream-bg);border:1px solid #ff6b3533;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:100%}.modal-header{align-items:center;border-bottom:2px solid var(--cream-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.modal-header h3{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--cream-text);font-size:1.5rem;font-weight:600}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--cream-muted);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:40px}.modal-close:before{background:var(--gradient-warning);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.modal-close:hover:before{opacity:1}.modal-close:hover{color:var(--white);transform:scale(1.1)}.alert-form{gap:1.5rem}.alert-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{align-items:center;color:var(--cream-text);display:flex;font-size:.95rem;font-weight:500;gap:.5rem}.form-group label:after{color:var(--vibrant-green);content:" *";font-weight:600}.form-group input,.form-group select,.form-group textarea{background:var(--cream-bg);border:2px solid var(--cream-border);border-radius:10px;color:var(--cream-text);font-family:inherit;font-size:1rem;padding:.75rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--vibrant-green);box-shadow:0 0 0 3px #ff6b351a;outline:none;transform:translateY(-1px)}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ff4757;box-shadow:0 0 0 3px #ff47571a}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{border-color:#ff4757;box-shadow:0 0 0 3px #ff475733}.error-message{align-items:center;color:#ff4757;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;margin-top:.25rem}.error-message:before{content:"⚠";font-size:.8rem}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--cream-muted);opacity:.7}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;padding-right:2.5rem}.form-group textarea{line-height:1.5;min-height:100px;resize:vertical}.form-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.form-actions .btn{flex:1 1;min-width:120px}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--vibrant-green);transform:translateY(-1px)}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:var(--cream-light);border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--gradient-secondary)}.form-group.loading input,.form-group.loading select,.form-group.loading textarea{opacity:.7;pointer-events:none}.form-group.loading:after{animation:spin 1s linear infinite;border-top:2px solid var(--cream-border);border:2px solid var(--cream-border);border-radius:50%;border-top-color:var(--vibrant-green);content:"";height:16px;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:16px}@keyframes spin{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn)}}.form-group.success input,.form-group.success select,.form-group.success textarea{background-color:#ff6b350d;border-color:var(--vibrant-green)}.form-group.success:after{color:var(--vibrant-green);content:"✓";font-weight:700;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}@media (max-width:768px){.modal-overlay{padding:.5rem}.modal-content{max-height:95vh;padding:1.5rem}.modal-header{margin-bottom:1.5rem}.modal-header h3{font-size:1.3rem}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}@media (max-width:480px){.modal-content{border-radius:15px;padding:1rem}.modal-header h3{font-size:1.2rem}.form-group{gap:.25rem}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:.5rem}.form-group label{font-size:.9rem}.error-message{font-size:.8rem}}[data-theme=dark] .modal-content{background:var(--cream-bg);border-color:#ff6b354d}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:var(--cream-light);border-color:var(--cream-border);color:var(--cream-text)}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:var(--cream-muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:2px solid var(--vibrant-green);outline-offset:2px}.form-group{animation:slideInUp .4s ease forwards;opacity:0;transform:translateY(20px)}.form-group:first-child{animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.form-group:nth-child(4){animation-delay:.4s}.form-group:nth-child(5){animation-delay:.5s}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}:root{--black:#2c2c2c;--vibrant-green:#ff6b35;--light-green:#f8f4f0;--white:#fefefe;--gray:#6b6b6b;--light-gray:#f5f5f5;--border-color:#e8e0d8;--shadow:0 4px 20px #2c2c2c14;--shadow-hover:0 8px 30px #2c2c2c1f;--gradient-primary:linear-gradient(135deg,#ff6b35,#f7931e);--gradient-secondary:linear-gradient(135deg,#ff8a65,#ff7043);--gradient-accent:linear-gradient(135deg,#ffb74d,#ffa726);--gradient-success:linear-gradient(135deg,#81c784,#66bb6a);--gradient-warning:linear-gradient(135deg,#ffcc02,#ffb300);--cream-bg:#fefefe;--cream-light:#f8f4f0;--cream-lighter:#f5f1ed;--cream-border:#e8e0d8;--cream-text:#2c2c2c;--cream-muted:#6b6b6b}[data-theme=dark]{--black:#fff;--white:#1a1a1a;--light-green:#2a2a2a;--light-gray:#333;--border-color:#444;--gray:#ccc;--shadow:0 4px 20px #0000004d;--shadow-hover:0 8px 30px #0006;--vibrant-green:#ff6b35;--gradient-primary:linear-gradient(135deg,#ff6b35,#f7931e);--gradient-secondary:linear-gradient(135deg,#ff8a65,#ff7043);--gradient-accent:linear-gradient(135deg,#ffb74d,#ffa726);--gradient-success:linear-gradient(135deg,#81c784,#66bb6a);--gradient-warning:linear-gradient(135deg,#ffcc02,#ffb300);--cream-bg:#1a1a1a;--cream-light:#2a2a2a;--cream-lighter:#333;--cream-border:#444;--cream-text:#fff;--cream-muted:#ccc}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fefefe;background-color:var(--cream-bg);color:#2c2c2c;color:var(--cream-text);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden;transition:all .3s ease}.App{background:#fefefe;background:var(--cream-bg);min-height:100vh}.btn{border:none;border-radius:25px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#ff6b35,#f7931e);background:var(--gradient-primary);box-shadow:0 4px 15px #ff6b3566;color:#fefefe;color:var(--white)}.btn-primary:hover{box-shadow:0 8px 25px #ff6b3599;transform:translateY(-3px)}.btn-secondary{background:#0000;border:2px solid #ff6b35;border:2px solid var(--vibrant-green);color:#ff6b35;color:var(--vibrant-green);position:relative;z-index:1}.btn-secondary:before{background:linear-gradient(135deg,#ff6b35,#f7931e);background:var(--gradient-primary);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:-1}.btn-secondary:hover:before{width:100%}.btn-secondary:hover{border-color:#0000;color:#fefefe;color:var(--white)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f8f4f0;background:var(--cream-light)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff6b35,#f7931e);background:var(--gradient-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ff8a65,#ff7043);background:var(--gradient-secondary)}::selection{background:#ff6b35;background:var(--vibrant-green);color:#fefefe;color:var(--white)}:focus{outline:2px solid #ff6b35;outline:2px solid var(--vibrant-green);outline-offset:2px}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.loading{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%}@media (max-width:768px){.btn{font-size:.9rem;padding:.75rem 1.5rem}}@media (max-width:480px){.btn{font-size:.85rem;padding:.5rem 1rem}}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b35,#f7931e);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.bg-gradient{background:linear-gradient(135deg,#ff6b35,#f7931e);background:var(--gradient-primary)}.shadow-soft{box-shadow:0 10px 30px #2c2c2c14}.shadow-strong{box-shadow:0 20px 40px #2c2c2c1f}.rounded-full{border-radius:50%}.rounded-lg{border-radius:15px}.rounded-xl{border-radius:20px}.fade-in{animation:fadeIn .6s ease-in}.slide-up{animation:slideUp .6s ease-out}.scale-in{animation:scaleIn .4s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}[data-theme=dark] .glass{background:#0000001a;border:1px solid #ffffff1a}.light-room{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fefefee6,#f8f4f0cc 50%,#fefefeb3);border:1px solid #ff6b3533}[data-theme=dark] .light-room{background:linear-gradient(135deg,#1a1a1ae6,#2a2a2acc 50%,#1a1a1ab3);border:1px solid #ff6b354d}