.main-header{background-color:#121212;box-sizing:border-box;color:#fff;justify-content:space-between;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.app-name,.main-header{align-items:center;display:flex}.app-name{color:#acf4b6;font-size:1.8em;font-weight:700;gap:12px;letter-spacing:1px}.app-logo{height:42px;width:auto}.main-nav ul{display:flex;gap:25px;list-style:none;margin:0;padding:0}.main-nav a{color:#fff;font-size:1.1em;padding:5px 10px;text-decoration:none;transition:color .3s,background-color .3s}.main-nav a:focus,.main-nav a:hover{color:#289f38;text-decoration:none}@media (max-width:768px){.menu-toggle{display:block}.navbar{background-color:#111;display:none;left:0;padding-bottom:10px;position:absolute;top:60px;width:100%;z-index:10}.navbar.open{display:block}.navbar ul{flex-direction:column;text-align:center}.navbar li{border-bottom:1px solid #333}}.what-to-do-page{margin:0 auto;max-width:1400px;padding:20px}.page-header h1{color:#e197ef}.content-container{background-color:#1e1e1e;border-radius:15px;box-shadow:0 10px 20px #0000004d;display:flex;gap:30px;overflow:hidden}.nav-panel{background-color:#252525;border-right:1px solid #333;display:flex;flex-direction:column;padding:25px;width:320px}.nav-header{margin-bottom:25px;position:relative}.nav-header h2{color:#289f38;font-size:1.5rem;margin-bottom:10px}.nav-indicator{background-color:#333;border-radius:3px;height:3px;position:relative}.nav-indicator:after{background-color:#289f38;border-radius:3px;content:"";height:100%;left:0;position:absolute;top:0;transition:width .5s ease;width:30%}.nav-menu{flex:1 1;overflow-y:auto;padding-right:10px}.nav-menu::-webkit-scrollbar{width:6px}.nav-menu::-webkit-scrollbar-track{background:#1e1e1e;border-radius:3px}.nav-menu::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.nav-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;margin-bottom:8px;overflow:hidden;padding:15px;position:relative;transition:all .3s ease}.nav-item:before{background-color:#289f38;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.nav-item:hover{background-color:#2a2a2a}.nav-item.active{background-color:#9c27b026;color:#289f38}.nav-item.active:before{transform:scaleY(1)}.nav-icon{align-items:center;background-color:#9084845a;border-radius:50%;display:flex;height:24px;justify-content:center;margin-right:12px;transition:background-color .3s ease;width:24px}.nav-item.active .nav-icon{background-color:#289f38}.nav-text{color:#e0e0e0;font-weight:500}.nav-footer{border-top:1px solid #333;margin-top:20px;padding-top:20px}.progress-indicator{display:flex;flex-direction:column;gap:10px}.progress-bar{background-color:#333;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background-color:#289f38;border-radius:4px;height:100%;transition:width .5s ease}.progress-indicator span{color:#aaa;font-size:.9rem;text-align:right}.content-area{flex:1 1;height:700px;overflow-y:auto;padding:30px;position:relative;scroll-behavior:smooth}.content-area::-webkit-scrollbar{width:8px}.content-area::-webkit-scrollbar-track{background:#1e1e1e;border-radius:4px}.content-area::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.content-section{background-color:#2a2a2a;border-radius:12px;margin-bottom:40px;opacity:.7;overflow:hidden;padding:25px;position:relative;transform:translateX(-20px);transition:all .6s ease}.content-section.active{box-shadow:0 5px 15px #0003;opacity:1;transform:translateX(0)}.content-section:before{background:linear-gradient(90deg,#289f38,#0000);content:"";height:3px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .5s ease;width:100%}.content-section.active:before{transform:scaleX(1)}.section-header{align-items:center;display:flex;margin-bottom:20px}.section-number{align-items:center;background-color:#289f38;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:40px;justify-content:center;margin-right:15px;width:40px}.section-header h2{font-size:1.8rem}.section-content{padding-left:55px}.section-content p{color:#e0e0e0;font-size:1.1rem;line-height:1.8;margin-bottom:25px}.section-actions{display:flex;gap:15px;margin-bottom:30px}.action-btn{align-items:center;background-color:#333;border:none;border-radius:8px;color:#e0e0e0;cursor:pointer;display:flex;gap:8px;padding:10px 15px;transition:all .3s ease}.action-btn:hover{background-color:#444;transform:translateY(-2px)}.btn-icon{font-size:1.2rem}.section-visual{height:120px}.brain-icon,.section-visual{align-items:center;display:flex;justify-content:center;position:relative}.brain-icon{background-color:#89eeb833;border-radius:50%;height:80px;width:80px}.brain-icon:before{content:"🧠";font-size:2.5rem}.pulse-animation{animation:pulse 2s infinite;background-color:#81f6864d;border-radius:50%;height:80px;position:absolute;width:80px;z-index:1}.content-footer{align-items:center;border-top:1px solid #333;display:flex;justify-content:space-between;margin-top:20px;padding-top:20px}.navigation-arrows{display:flex;gap:15px}.nav-arrow{align-items:center;background-color:#333;border:none;border-radius:8px;color:#e0e0e0;cursor:pointer;display:flex;gap:8px;padding:10px 20px;transition:all .3s ease}.nav-arrow:hover:not(:disabled){background-color:#444}.nav-arrow:disabled{cursor:not-allowed;opacity:.5}.completion-indicator{align-items:flex-end;display:flex;flex-direction:column;gap:8px;max-width:300px}.completion-track{background-color:#333;border-radius:4px;height:8px;overflow:hidden;width:100%}.completion-progress{background-color:#289f38;border-radius:4px;height:100%;transition:width .5s ease}.completion-indicator span{color:#aaa;font-size:.9rem}@media (max-width:1024px){.content-container{flex-direction:column}.nav-panel{border-bottom:1px solid #333;border-right:none;width:100%}.nav-menu{display:flex;flex-wrap:wrap;gap:10px;padding-right:0}.nav-item{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1;margin-bottom:0}.content-area{height:500px}}@media (max-width:768px){.page-header h1{font-size:2.2rem}.nav-item{flex:1 1 100%}.section-header h2{font-size:1.5rem}.section-content{padding-left:20px}.content-footer,.section-actions{flex-direction:column}.content-footer{gap:15px}.navigation-arrows{justify-content:space-between;width:100%}.completion-indicator{max-width:100%;width:100%}}.feature-page{background:radial-gradient(circle at top,#0b1c2d,#050a14);color:#070000;min-height:100vh;padding:80px 10%}.feature-header{align-items:center;display:flex;gap:14px;margin-bottom:40px}.feature-header h1{color:#4ade80;font-size:2.4rem}.feature-card{background:#f7f7f7;border-radius:16px;box-shadow:0 10px 30px #12e66066;margin-bottom:24px;padding:24px}.input-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.input-row input,.input-row textarea{border:none;border-radius:10px;flex:1 1;font-size:15px;outline:none;padding:12px 14px}.input-row button{background:#4ade80;border:none;border-radius:10px;color:#000;cursor:pointer;font-weight:600;padding:12px 18px}.list-item{align-items:center;background:#23222200;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:10px;padding:14px 16px}.list-item span{opacity:.85}.delete-btn{background:#ef4444;border:none;border-radius:8px;color:#121212;cursor:pointer;padding:6px 10px}.quiz-page-container{align-items:center;background-color:#0d0d0d;color:#e0e0e0;display:flex;flex-direction:column;min-height:calc(100vh - 60px);padding:40px 20px}.quiz-title{color:#289f38;font-size:2.5em;font-weight:600;margin-bottom:30px;text-align:center}.quiz-intro-text{color:#b0b0b0;font-size:1.1em;line-height:1.6;margin-bottom:40px;max-width:800px;text-align:center}.questions-list{margin-bottom:40px;max-width:900px;width:100%}.question-card{background-color:#1a1a1a;border-radius:8px;box-shadow:0 4px 15px #0000004d;margin-bottom:25px;padding:30px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.question-card:hover{box-shadow:0 8px 25px #00000080;transform:translateY(-5px)}.question-text{color:#fff;font-size:1.3em;font-weight:500;margin-bottom:20px}.options-group{display:flex;flex-wrap:wrap;gap:15px}.option-label{align-items:center;background-color:#333;border-radius:25px;color:#e0e0e0;cursor:pointer;display:flex;justify-content:center;min-width:120px;padding:12px 20px;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.option-label:hover{background-color:#289f38;box-shadow:0 2px 10px #4caf5066;color:#fff}.option-label input[type=radio]{display:none}.option-label input[type=radio]:checked+span{background-color:#289f38;border-color:#289f38;box-shadow:0 2px 10px #289f38;color:#fff;transform:scale(1.02)}.option-label span{background-color:#333;border:1px solid #555;border-radius:20px;padding:8px 15px;transition:background-color .3s,border-color .3s}.option-label input[type=radio]:checked~span{background-color:#289f38;border-color:#289f38;font-weight:700}.submit-button{background-color:#289f38;border:none;border-radius:5px;box-shadow:0 4px 10px #4caf5066;color:#fff;cursor:pointer;font-size:1.2em;font-weight:600;margin-top:30px;padding:15px 40px;transition:background-color .3s ease,transform .2s ease}.submit-button:hover{background-color:#1f7a27;box-shadow:0 6px 15px #1f7a27;transform:translateY(-2px)}.submit-button:disabled{background-color:#666;box-shadow:none;cursor:not-allowed;transform:none}.quiz-results{background-color:#1a1a1a;border-radius:8px;box-shadow:0 4px 15px #0000004d;color:#e0e0e0;margin-top:40px;max-width:700px;padding:30px;text-align:center}.quiz-results h2{color:#289f38;margin-bottom:20px}.quiz-results p{font-size:1.1em;line-height:1.6}@media (max-width:768px){.quiz-title{font-size:2em}.quiz-intro-text{font-size:1em;padding:0 10px}.question-card{margin-bottom:20px;padding:20px}.question-text{font-size:1.1em}.options-group{flex-direction:column;gap:10px}.option-label{min-width:0;min-width:auto}.option-label,.option-label input[type=radio]:checked+span{border-radius:5px;padding:10px 15px;width:100%}.submit-button{font-size:1.1em;padding:12px 20px;width:100%}}.about-page{margin:0 auto;max-width:1400px;opacity:0;padding:20px;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.about-page.visible{opacity:1;transform:translateY(0)}.page-header{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border-radius:15px;box-shadow:0 10px 20px #0000004d;margin-bottom:40px;padding:30px;text-align:center}.page-header h1{color:#289f38;font-size:2.8rem;margin-bottom:15px}.page-header p{color:#e0e0e0;font-size:1.2rem;margin:0 auto;max-width:800px}.section{animation:fadeInUp .6s ease forwards;background-color:#1e1e1e;border-radius:15px;box-shadow:0 10px 20px #0000004d;margin-bottom:60px;opacity:0;padding:30px;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.section-header{margin-bottom:40px;text-align:center}.section-header h2{color:#289f38;font-size:2.2rem;margin-bottom:10px}.section-header p{color:#aaa;font-size:1.1rem}.team-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.team-card{cursor:pointer;height:350px;perspective:1000px}.card-inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .8s;width:100%}.team-card:hover .card-inner{transform:rotateY(180deg)}.card-back,.card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:15px;box-shadow:0 10px 20px #0003;height:100%;overflow:hidden;position:absolute;width:100%}.card-front{background:linear-gradient(135deg,#2a2a2a,#333)}.card-back,.card-front{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.card-back{background:linear-gradient(135deg,#289f38,#289f38);color:#fff;transform:rotateY(180deg)}.profile-image{border:4px solid #289f38;border-radius:50%;height:150px;margin-bottom:20px;overflow:hidden;position:relative;width:150px}.profile-image img{height:100%;object-fit:cover;width:100%}.image-overlay{background:linear-gradient(135deg,#9c27b04d,#7b1fa24d);height:100%;left:0;position:absolute;top:0;width:100%}.member-info h3{color:#fff;font-size:1.5rem;margin-bottom:5px}.member-role{color:#aaa;font-size:1rem;margin-bottom:15px}.card-back h3{font-size:1.5rem;margin-bottom:5px}.card-back .member-role{color:#fffc;margin-bottom:15px}.member-bio{line-height:1.5;margin-bottom:20px;text-align:center}.social-links{display:flex;gap:15px}.social-link{align-items:center;background-color:#fff3;border-radius:50%;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:background-color .3s ease;width:40px}.social-link:hover{background-color:#ffffff4d}.mission-content{display:flex;flex-wrap:wrap;gap:40px;margin-bottom:50px}.mission-text{flex:1 1;min-width:300px}.mission-text h3{color:#289f38;font-size:1.8rem;margin-bottom:15px}.mission-text p{color:#e0e0e0;line-height:1.8;margin-bottom:20px}.mission-visual{flex:1 1;min-width:300px}.brain-animation,.mission-visual{align-items:center;display:flex;justify-content:center}.brain-animation{height:200px;position:relative;width:200px}.brain-icon{font-size:5rem;z-index:2}.pulse-ring{animation:pulse 2s infinite;border:3px solid #289f38;border-radius:50%;height:200px;opacity:0;position:absolute;width:200px}.pulse-ring:nth-child(2){animation-delay:.5s}@keyframes pulse{0%{opacity:.8;transform:scale(.8)}80%,to{opacity:0;transform:scale(1.5)}}.values-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.value-card{animation:fadeInUp .6s ease forwards;background-color:#2a2a2a;border-radius:15px;opacity:0;padding:30px 20px;text-align:center;transform:translateY(20px);transition:transform .3s ease,box-shadow .3s ease}.value-card:hover{box-shadow:0 15px 30px #9c27b033;transform:translateY(-10px)}.value-icon{font-size:3rem;margin-bottom:15px}.value-card h3{color:#289f38;font-size:1.5rem;margin-bottom:10px}.value-card p{color:#e0e0e0}.timeline{padding-left:30px;position:relative}.timeline:before{background:linear-gradient(180deg,#9c27b0,#7b1fa2);content:"";height:100%;left:15px;position:absolute;top:0;width:3px}.timeline-item{animation:fadeInLeft .6s ease forwards;margin-bottom:40px;opacity:0;padding-left:40px;position:relative;transform:translateX(-20px)}@keyframes fadeInLeft{to{opacity:1;transform:translateX(0)}}.timeline-item:before{border:3px solid #121212;border-radius:50%;content:"";height:20px;left:-9px;top:5px;width:20px;z-index:1}.timeline-item:before,.timeline-year{background-color:#289f38;position:absolute}.timeline-year{align-items:center;border-radius:15px;color:#fff;display:flex;font-weight:700;height:30px;justify-content:center;left:-100px;top:0;width:80px}.timeline-content{background-color:#2a2a2a;border-radius:10px;box-shadow:0 5px 15px #0003;padding:20px}.timeline-content h3{color:#289f38;font-size:1.5rem;margin-bottom:10px}.partners-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.partner-category{background-color:#2a2a2a;border-radius:15px;padding:25px}.partner-category h3{color:#289f38;font-size:1.5rem;margin-bottom:20px;text-align:center}.partner-list{display:flex;flex-direction:column;gap:15px}.partner-item{align-items:center;background-color:#333;border-radius:10px;display:flex;gap:15px;padding:15px;transition:transform .3s ease,background-color .3s ease}.partner-item:hover{background-color:#444;transform:translateX(10px)}.partner-icon{align-items:center;background-color:#9c27b033;border-radius:50%;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.stats-section{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:60px 0}.stat-item{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border-radius:15px;box-shadow:0 10px 20px #0000004d;flex:1 1;min-width:200px;padding:30px 20px;text-align:center;transition:transform .3s ease}.stat-item:hover{transform:translateY(-10px)}.stat-number{color:#289f38;font-size:2.5rem;font-weight:700;margin-bottom:10px}.stat-label{color:#aaa;font-size:1.1rem}.cta-section{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border-radius:15px;box-shadow:0 10px 20px #0000004d;margin:60px 0;padding:50px;text-align:center}.cta-section h2{color:#289f38;font-size:2.2rem;margin-bottom:20px}.cta-section p{color:#e0e0e0;font-size:1.2rem;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:700px}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.btn-primary,.btn-secondary{border:none;border-radius:30px;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px 30px;transition:all .3s ease}.btn-primary{background-color:#9c27b0}.btn-primary:hover{box-shadow:0 10px 20px #9c27b04d;transform:translateY(-3px)}.btn-secondary{color:#289f38}.btn-secondary:hover{background-color:#289f38`;transform:translateY(-3px)}.footer{padding:50px 0 20px}.footer-content{margin-bottom:40px}.footer-section p{color:#aaa;margin-bottom:15px}.footer-section ul li a{color:#aaa}.social-icons{display:flex;gap:15px;margin-top:20px}.social-icon{align-items:center;background-color:#333;border-radius:50%;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:background-color .3s ease,transform .3s ease;width:40px}.social-icon:hover{background-color:#289f38;transform:translateY(-5px)}.footer-bottom{align-items:center;border-top:1px solid #333;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding-top:20px}.copyright p,.footer-links a{color:#888;font-size:.9rem}.footer-links a{transition:color .3s ease}@media (max-width:1024px){.page-header h1{font-size:2.2rem}.tabs{flex-wrap:wrap}.tab{margin-bottom:5px}.mission-content{flex-direction:column}.timeline:before{left:10px}.timeline-item{padding-left:30px}.timeline-item:before{left:-6px}.timeline-year{left:-70px;width:60px}}@media (max-width:768px){.page-header h1{font-size:1.8rem}.team-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.values-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.partners-grid{grid-template-columns:1fr}.cta-buttons,.stats-section{flex-direction:column}.cta-buttons{align-items:center}.btn-primary,.btn-secondary{max-width:300px;width:100%}.footer-bottom,.footer-content{flex-direction:column}.footer-bottom{text-align:center}}.auth-page{display:flex;flex-direction:column;min-height:100vh}.auth-container{border-radius:20px;box-shadow:0 20px 40px #0006;display:flex;flex:1 1;margin:0 auto;max-width:1200px;opacity:0;overflow:hidden;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease;width:100%}.auth-container.loaded{opacity:1;transform:translateY(0)}.auth-right{align-items:center;background-color:#1e1e1e;display:flex;flex:1 1;justify-content:center;padding:40px}.auth-form-container{max-width:450px;width:100%}.form-header{margin-bottom:30px;text-align:center}.form-header h2{color:#fff;font-size:2rem;margin-bottom:10px}.form-header p{color:#aaa;font-size:1rem}.social-login{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.social-btn{align-items:center;background-color:#2a2a2a;border:1px solid #333;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:12px;justify-content:center;padding:12px;transition:all .3s ease}.social-btn:hover{background-color:#333;transform:translateY(-2px)}.social-btn.active{background-color:#289f38;border-color:#289f38}.social-btn .icon{font-size:1.2rem;font-weight:700}.social-btn.google .icon{color:#ea4335}.social-btn.facebook .icon{color:#9fbee6}.divider{align-items:center;display:flex;margin:25px 0;position:relative}.divider:after,.divider:before{background-color:#333;content:"";flex:1 1;height:1px}.divider span{color:#aaa;font-size:.9rem;padding:0 15px}.auth-form{margin-bottom:20px}.form-group label{color:#e0e0e0;font-size:.95rem}.terms label{color:#e0e0e0;margin-left:10px}.form-group input{background-color:#2a2a2a;border:1px solid #333;border-radius:8px;color:#fff;font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#289f38;box-shadow:0 0 0 3px #9c27b01a;outline:none}.form-group input.error{border-color:#f44336}.error-message{color:#f44336;font-size:.85rem;margin-top:5px}.password-input{position:relative}.toggle-password{background:none;border:none;color:#aaa;cursor:pointer;font-size:1.2rem;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.gender-options{display:flex;gap:20px;margin-top:5px}.gender-option{align-items:center;cursor:pointer;display:flex;gap:8px}.gender-option input[type=radio]{accent-color:#289f38;height:18px;width:18px}.gender-option label{color:#e0e0e0;cursor:pointer;font-size:.95rem;margin:0}.gender-option input[type=radio]:checked+label{color:#289f38;font-weight:500}.checkbox-group{align-items:flex-start;display:flex;gap:10px}.checkbox-group input{margin-top:3px;width:auto}.checkbox-group label{color:#aaa;font-size:.9rem;margin-bottom:0}.checkbox-group label a{color:#289f38;text-decoration:none}.checkbox-group label a:hover{text-decoration:underline}.form-actions{align-items:center;display:flex;justify-content:space-between;margin-top:30px}.forgot-password a{color:#289f38;font-size:.9rem;text-decoration:none}.forgot-password a:hover{text-decoration:underline}.auth-submit{background-color:#289f38;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;overflow:hidden;padding:14px;position:relative;transition:all .3s ease;width:100%}.auth-submit:hover{background-color:#289f38;box-shadow:0 5px 15px #70ef834d;transform:translateY(-2px)}.auth-submit:disabled{cursor:not-allowed;opacity:.7}.auth-submit.loading{color:#0000}.spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.form-toggle{color:#aaa;font-size:.95rem;margin-top:20px;text-align:center}.form-toggle button{background:none;border:none;color:#289f38;cursor:pointer;font-size:.95rem;font-weight:700;margin-left:5px}.form-toggle button:hover{text-decoration:underline}.auth-footer{color:#888;font-size:.9rem;padding:20px;text-align:center}.footer-links{display:flex;gap:20px;justify-content:center;margin-top:10px}.footer-links a{color:#aaa;font-size:.85rem;text-decoration:none}.footer-links a:hover{color:#289f38}@media (max-width:768px){.auth-container{border-radius:0;box-shadow:none;flex-direction:column}.auth-left{padding:40px 30px}.auth-info h1{font-size:2.2rem}.auth-right{padding:30px 20px}.form-actions{flex-direction:column;gap:15px}.forgot-password{text-align:center;width:100%}.auth-submit{width:100%}.footer-links{flex-direction:column;gap:10px}}@media (max-width:480px){.auth-left{padding:30px 20px}.auth-info h1{font-size:1.8rem}.auth-info p{font-size:1rem}.feature-icon{font-size:2rem;height:50px;width:50px}.feature-text h3{font-size:1.1rem}.feature-text p{font-size:.9rem}.auth-form-container{max-width:100%}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid #0000;border-top:8px solid #0000;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px #000000e6;cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px #000000e6;top:0}.carousel:hover .slide .legend{opacity:1}body{background-color:#289f38;padding:15px 30px}.home-page{margin:0 auto;max-width:1200px;padding:20px}.hero{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding:60px 0}.hero-content{flex:1 1;min-width:300px;padding-right:40px}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.hero-content h1{color:#289f38;font-size:3rem;margin-bottom:20px}.hero-content p{color:#e0e0e0;font-size:1.3rem;margin-bottom:30px}.hero-buttons{display:flex;gap:25px;margin-left:120px}.hero-image{flex:1 1;min-width:300px;text-align:center}.hero-image img{border-radius:10px;box-shadow:0 10px 20px #0000004d;max-width:100%}.btn-secondary{background-color:initial;border:none;border:2px solid #289f38;border-radius:30px;color:#f8f5f8;cursor:pointer;font-weight:700;padding:12px 30px;text-decoration:none;transition:all .3s ease}.btn-secondary:hover{background-color:#289f38;color:#fff}.stats{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:40px 0}.stat-card{background-color:#1e1e1e;border-radius:10px;flex:1 1;min-width:200px;padding:25px;text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-10px)}.stat-card h2{color:#289f38;font-size:2.5rem;margin-bottom:10px}.stat-card p{color:#e0e0e0}.about-tech{align-items:center;display:flex;flex-wrap:wrap;gap:40px;margin:60px 0}.tech-content{flex:1 1;min-width:300px}.tech-content h2{color:#289f38;font-size:2.5rem;margin-bottom:20px}.tech-content p{color:#e0e0e0;font-size:1.1rem;margin-bottom:30px}.tech-features{display:flex;flex-direction:column;gap:20px}.tech-feature{background-color:#1e1e1e;border-radius:10px;padding:20px}.tech-feature h3{color:#7ede8b;margin-bottom:10px}.tech-image{flex:1 1;min-width:300px;text-align:center}.tech-image img{border-radius:10px;max-width:100%}.features{margin:60px 0;text-align:center}.features h2{color:#289f38;font-size:2.5rem;margin-bottom:40px;margin-left:0}.feature-cards{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin-left:300px}.feature-card{background-color:#1e1e1e;flex:1 1;min-width:300px;padding:30px;transition:transform .3s ease}.feature-card:hover{transform:translateY(-10px)}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{color:#289f38;font-size:1.5rem;margin-bottom:15px}.cta{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border-radius:15px;margin:80px 0;padding:40px;text-align:center}.cta h2{color:#289f38;font-size:2.5rem;margin-bottom:20px}.cta p{color:#e0e0e0;font-size:1.2rem;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:700px}.footer{background-color:#1e1e1e;margin-top:60px;padding:40px 0}.footer-content{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}.footer-section{flex:1 1;min-width:200px}.footer-section p{color:#e0e0e0}.footer-section h3{color:#289f38;font-size:1.3rem;margin-bottom:20px}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#e0e0e0;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#289f38}.copyright{border-top:1px solid #333;color:#aaa;margin-top:30px;padding-top:20px;text-align:center}@media (max-width:768px){.hero-content h1{font-size:2rem}.about-tech,.feature-cards,.footer-content,.stats{flex-direction:column}}.feature-card-link{color:inherit;text-decoration:none}body{background-color:#121212;color:#fff;line-height:1.6}.detection-page{margin:0 auto;max-width:1200px;padding:20px}.container{background-color:#1e1e1e;border-radius:15px;box-shadow:0 10px 20px #0000004d;padding:30px}h1{color:#289f38;font-size:2.5rem;margin-bottom:20px}.instructions,h1{text-align:center}.instructions{color:#e0e0e0;font-size:1.1rem;margin-bottom:30px}.tabs{border-bottom:1px solid #333;display:flex;margin-bottom:20px}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#aaa;cursor:pointer;font-size:1rem;padding:15px 30px;transition:all .3s ease}.tab.active{border-bottom:3px solid #289f38}.tab.active,.tab:hover{color:#289f38}.upload-section{margin:30px 0}.upload-area{border:2px dashed #555;border-radius:10px;cursor:pointer;padding:60px 20px;position:relative;text-align:center;transition:all .3s ease}.upload-area:hover{background-color:#9c27b00d;border-color:#289f38}.upload-placeholder{align-items:center;display:flex;flex-direction:column;justify-content:center}.upload-icon{color:#289f38;font-size:4rem;margin-bottom:20px}.upload-note{color:#aaa;font-size:.9rem;margin-top:10px}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.analysis-section{align-items:center;display:flex;flex-direction:column}.analysis-section .btn-primary{background-color:#289f38;border:none;border-radius:30px;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:700;margin-top:20px;padding:15px;transition:background-color .3s ease;width:20%}.image-preview{border-radius:10px;box-shadow:0 5px 15px #0000004d;margin-bottom:30px;max-width:500px;overflow:hidden;width:100%}.image-preview img{display:block;height:auto;width:100%}.analyzing{background-color:#2a2a2a;border-radius:10px;max-width:500px;padding:40px;text-align:center;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #333;border-radius:50%;border-top-color:#289f38;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.analysis-note{color:#aaa;font-size:.9rem;margin-top:10px}.results{max-width:700px;width:100%}.results h2{color:#289f38;margin-bottom:30px;text-align:center}.results p{font-size:1.5rem;margin-top:5px}.results h3,.results p{color:#289f38}.results ul{color:#e0e0e0}.results li{margin-top:5px}.results .btn-primary{background-color:#9c27b0;border:none;border-radius:30px;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:700;margin-left:250px;margin-top:20px;padding:15px;transition:background-color .3s ease;width:30%}.result-card{background-color:#2a2a2a;border-radius:10px;box-shadow:0 5px 15px #0000004d;padding:30px}.result-stage{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.result-stage .label{color:#aaa;font-size:1.2rem}.result-stage .value{color:#289f38;font-size:1.5rem;font-weight:700}.result-section{margin-bottom:25px}.result-section h3{color:#289f38;font-size:1.2rem;margin-bottom:15px}.result-section ul{list-style-type:none;padding-left:20px}.result-section li{margin-bottom:10px;padding-left:20px;position:relative}.result-section li:before{color:#289f38;content:"•";font-size:1.5rem;left:0;line-height:1;position:absolute}.btn-primary{border:none;border-radius:30px;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:700;margin-top:20px;padding:15px;transition:background-color .3s ease;width:100%}.btn-primary,.btn-primary:hover{background-color:#289f38}.how-it-works{margin-top:60px;text-align:center}.how-it-works h2{color:#289f38;font-size:2rem;margin-bottom:40px}.steps{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}.step{background-color:#2a2a2a;border-radius:10px;flex:1 1;min-width:250px;padding:25px;position:relative}.step-number{align-items:center;background-color:#289f38;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;left:20px;position:absolute;top:-20px;width:40px}.step-content h3{color:#289f38;margin-bottom:15px;margin-top:10px}.step-content p{color:#e0e0e0}@media (max-width:768px){.container{padding:20px}h1{font-size:2rem}.tabs{flex-direction:column}.tab{padding:10px 15px}.tab,.tab.active{border-bottom:1px solid #333}.tab.active{border-left:3px solid #289f38}.steps{flex-direction:column}.step{margin-bottom:30px}}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{background-image:"https://www.imperial.ac.uk/news/image/mainnews2012/35255.jpg";color:#333}.header{align-items:center;background-color:#fff;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;padding:15px 50px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.logo{color:#289f38;font-size:24px;font-weight:700}.sign-in-btn{background-color:#289f38;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:500;padding:8px 20px}.nav-tabs{display:flex;gap:30px}.nav-tab{color:#555;font-weight:500;text-decoration:none;transition:color .3s}.nav-tab:hover{color:#289f38}.slideshow-container{border-radius:10px;height:400px;margin:30px 0;overflow:hidden;position:relative;width:100%}.slide{height:100%;position:absolute;width:100%}.slide-dots{bottom:20px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.dot{background-color:#ffffff80;border-radius:50%;cursor:pointer;height:12px;width:12px}.dot.active{background-color:#fff}.content-container{margin:0 auto;max-width:1200px;padding:20px 50px}.predict-section{align-items:center;display:flex;flex-direction:column;margin-top:30px}.predict-image{border-radius:10px;height:200px;margin-bottom:20px;width:300px}.predict-btn{background-color:#289f38;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 30px}.prediction-form{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;margin:0 auto;max-width:600px;padding:30px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:10px;width:100%}.submit-btn{background-color:#289f38;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 30px;width:100%}.prediction-result{padding:20px;text-align:center}.result-text{color:#289f38;font-size:24px;margin:15px 0}.confidence-text{font-size:18px;margin-bottom:20px}.quiz-container{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;margin:0 auto;max-width:800px;padding:30px}.question{margin-bottom:25px}.question h3{color:#444;margin-bottom:15px}.options{display:flex;flex-direction:column;gap:10px}.option{align-items:center;border-radius:5px;cursor:pointer;display:flex;padding:10px;transition:background-color .2s}.option:hover{background-color:#f0f2ff}.option input{margin-right:10px}.quiz-result{padding:20px;text-align:center}.score-text{font-size:18px;margin:15px 0}.back-btn{background-color:#6c757d;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 25px}@media (max-width:768px){.header{flex-direction:column;gap:15px;padding:15px}.nav-tabs{justify-content:space-around;width:100%}.content-container{padding:20px}.slideshow-container{height:250px}.predict-image{height:180px;width:100%}}.hero-section{background-color:#e6f7ff;border-radius:15px;box-shadow:0 5px 15px #0000000d;margin-top:30px;padding:40px}.hero-section,.left-content{display:flex;flex-direction:column}.left-content{align-items:center;margin-bottom:40px;text-align:center}.stethoscope-icon{align-items:center;background-color:#4a6bdf;border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:20px;width:80px}.stethoscope-icon svg{color:#fff;height:50px;width:50px}.left-content h1{color:#333;font-size:32px;margin-bottom:15px}.left-content p{color:#555;font-size:18px;line-height:1.5;max-width:600px}.right-content{display:flex;justify-content:center}.feature-cards{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr);max-width:800px;width:100%}.feature-card{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 3px 10px #00000014;color:inherit;display:flex;flex-direction:column;padding:25px;text-align:center;text-decoration:none;transition:transform .3s,box-shadow .3s}.feature-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.card-icon{align-items:center;background-color:#f0f2ff;border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:15px;width:60px}.card-icon svg{color:#4a6bdf;height:30px;width:30px}.card-icon.red-cross{background-color:#ffebee}.card-icon.red-cross svg{color:#e53935}.card-icon.yellow-comment{background-color:#fff8e1}.card-icon.yellow-comment svg{color:#ffc107}.feature-card h3{color:#333;font-size:20px;margin-bottom:10px}.feature-card p{color:#666;font-size:14px;line-height:1.4}@media (min-width:768px){.hero-section{align-items:center;flex-direction:row;justify-content:space-between}.left-content{align-items:flex-start;flex:1 1;margin-bottom:0;padding-right:40px;text-align:left}.right-content{flex:1 1}}@media (max-width:767px){.feature-cards{grid-template-columns:1fr}}
/*# sourceMappingURL=main.867aca7d.css.map*/