body,html{height:100%;margin:0;padding:0;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-overflow-style:none;background-color:#f4f4f4;font-family:Poppins,sans-serif;overflow-x:hidden;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.system-update-banner{align-items:center;animation:blink 1.5s ease-in-out infinite;background:linear-gradient(135deg,#2e8b57,#228b22);border-radius:8px;box-shadow:0 2px 10px #2e8b574d;color:#fff;display:flex;font-size:1rem;font-weight:600;gap:.8rem;justify-content:center;left:50%;padding:.8rem 2rem;position:fixed;text-align:center;top:70px;transform:translateX(-50%);width:-webkit-fit-content;width:fit-content;z-index:999}.system-update-banner i{animation:pulse 2s ease-in-out infinite;font-size:1.2rem}@keyframes blink{0%,to{background:linear-gradient(135deg,#2e8b57,#228b22);opacity:1}50%{background:linear-gradient(135deg,#228b22,#2e8b57);opacity:.7}}@media (max-width:768px){.system-update-banner{font-size:.75rem;gap:.5rem;max-width:90%;padding:.5rem .8rem;top:60px}.system-update-banner i{font-size:.9rem}.system-update-banner span{line-height:1.3}}.navbar{background-color:#8b4513;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;top:0;width:100%;z-index:1000}.navbar,.navbar .logo{align-items:center;display:flex}.navbar .logo{color:gold;font-size:1.5rem;font-weight:700;gap:.5rem}.navbar .logo-img{height:40px;width:auto}.navbar .hamburger{background:none;border:none;color:gold;cursor:pointer;display:none;font-size:1.5rem;left:20px}.navbar-menu{display:flex;list-style:none;margin:0;padding:0}.navbar-menu li{margin-left:2rem}.navbar-menu a{color:#fff;font-size:1rem;font-weight:700;text-decoration:none;transition:color .3s}.navbar-menu a:hover{color:gold}.nav-link-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:0;text-decoration:none;transition:color .3s}.nav-link-btn:hover{color:gold}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:2000}.popup-modal{animation:popupSlideIn .4s ease;background:linear-gradient(135deg,#fff,#f8f9fa);border:3px solid #2e8b57;border-radius:25px;box-shadow:0 25px 80px #0006;height:90vh;left:50%;max-width:550px;overflow-x:hidden;overflow-y:auto;padding:3rem;position:fixed;top:5vh;transform:translateX(-50%);width:90%}.elearning-modal{background:linear-gradient(135deg,#f0f8f0,#e8f5e9);border:3px solid #8b4513;max-width:600px}.elearning-content{text-align:center}.elearning-icon{color:#8b4513;font-size:4rem;margin-bottom:1rem;text-shadow:2px 2px 4px #0000001a}.elearning-content h2{color:#8b4513;font-size:2.2rem;font-weight:800;margin-bottom:1rem;text-shadow:1px 1px 2px #0000001a}.elearning-content p{color:#555;font-size:1.2rem;font-weight:500;line-height:1.6;margin-bottom:2rem}.student-login-btn{background:linear-gradient(135deg,#8b4513,sienna);border:none;border-radius:15px;box-shadow:0 6px 20px #8b451366;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:.5px;margin-bottom:1rem;padding:1.2rem 2.5rem;text-transform:uppercase;transition:all .3s ease}.student-login-btn:hover{background:linear-gradient(135deg,sienna,#8b4513);box-shadow:0 8px 25px #8b451380;transform:translateY(-3px) scale(1.05)}.close-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:10px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease}.close-btn:hover{background:linear-gradient(135deg,#ee5a6f,#d63447);box-shadow:0 6px 20px #ff6b6b80;transform:translateY(-2px)}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-close{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:50%;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:20px;top:15px;transition:all .3s ease;width:40px}.popup-close:hover{background:linear-gradient(135deg,#ee5a6f,#d63447);box-shadow:0 6px 20px #ff6b6b80;transform:rotate(90deg) scale(1.1)}.popup-content{text-align:center}.popup-content h3{color:#2e8b57;font-size:2rem;font-weight:800;margin-bottom:1.5rem;text-shadow:1px 1px 2px #0000001a}.popup-content p{color:#555;font-size:1.15rem;font-weight:500;line-height:1.8;margin-bottom:2.5rem}.popup-btn{background:linear-gradient(135deg,#2e8b57,#228b22);border:none;border-radius:15px;box-shadow:0 6px 20px #2e8b5766;color:#fff;cursor:pointer;font-size:1.15rem;font-weight:700;letter-spacing:.5px;padding:1.2rem 2.5rem;text-transform:uppercase;transition:all .3s ease}.popup-btn:hover{background:linear-gradient(135deg,#228b22,#1e7a1e);box-shadow:0 8px 25px #2e8b5780;transform:translateY(-3px) scale(1.05)}.elearning-login-modal{animation:popupSlideIn .4s ease;background:linear-gradient(135deg,#fff,#f8f9fa);border:3px solid #2e8b57;border-radius:25px;box-shadow:0 25px 80px #0006;height:90vh;left:50%;max-width:750px;overflow-x:hidden;overflow-y:auto;padding:3rem;position:fixed;top:5vh;transform:translateX(-50%);width:50%}.elearning-header{margin-bottom:2rem;text-align:center}.elearning-header h2{color:#8b4513;font-size:2.2rem;font-weight:800;margin-bottom:.8rem;text-shadow:1px 1px 2px #0000001a}.elearning-header p{color:#555;font-size:1.15rem;font-weight:500}.account-options{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.account-option{border:2px solid #0000;border-radius:15px;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.student-option{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#2e8b57}.student-option:hover{border-color:#228b22;box-shadow:0 10px 30px #2e8b574d;transform:translateY(-5px)}.visitor-option{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:#d32f2f;cursor:not-allowed;opacity:.7}.visitor-option.disabled{pointer-events:none}.option-icon{font-size:3rem;margin-bottom:1rem}.account-option h3{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.account-option p{color:#666;font-size:.95rem;margin-bottom:1rem}.unauthorized{color:#d32f2f;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.restriction-text{color:#666;font-size:.9rem;line-height:1.4}.option-btn{background:linear-gradient(135deg,#2e8b57,#228b22);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease;width:100%}.option-btn:hover:not(.disabled){background:linear-gradient(135deg,#228b22,#1e7a1e);transform:translateY(-2px)}.option-btn.disabled{background:#ccc;cursor:not-allowed;opacity:.6}@media (max-width:768px){.elearning-login-modal{border:2px solid #2e8b57;height:85vh;padding:2rem;top:7.5vh;width:85%}.elearning-header h2{font-size:1.7rem;line-height:1.4}.elearning-title-line1{color:#2e8b57;display:block;font-size:2rem;font-weight:900}.elearning-title-line2{color:#228b22;display:block;font-size:1.5rem;font-weight:700;margin-top:.3rem}.account-options{gap:1.5rem;grid-template-columns:1fr}.account-option{padding:1.5rem}.option-icon{font-size:2.5rem}.account-option h3{font-size:1.2rem}.popup-modal{border:2px solid #2e8b57;height:85vh;padding:2rem;top:7.5vh;width:85%}.popup-content h3{font-size:1.6rem}.popup-btn,.popup-content p{font-size:1.05rem}.popup-btn{padding:1rem 2rem}.popup-close{font-size:1.3rem;height:35px;width:35px}}.auth-buttons-desktop{align-items:center;display:flex;gap:.8rem}.auth-buttons-mobile{display:none}.login-btn,.signup-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.6rem 1.5rem;transition:all .3s ease}.login-btn{background:#0000;border:2px solid gold;color:gold}.login-btn:hover{background:gold;transform:translateY(-2px)}.login-btn:hover,.signup-btn{box-shadow:0 4px 12px #ffd7004d;color:#8b4513}.signup-btn{background:linear-gradient(135deg,gold,orange)}.signup-btn:hover{background:linear-gradient(135deg,orange,#ff8c00);box-shadow:0 6px 16px #ffa50066;transform:translateY(-2px)}.hero{align-items:center;background-image:url(https://images.unsplash.com/photo-1505455184862-554165e5f6ba?q=80&w=2070&auto=format&fit=crop);background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding-top:80px;position:relative;text-align:center}.hero:before{background-color:#00000080;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.hero-content{max-width:800px;padding:2rem;position:relative;z-index:2}.hero h1{color:#fff;font-size:3rem;font-weight:700;text-shadow:1px 1px 3px #0006}.hero p{color:#f0f0f0;font-size:1.25rem}.donate-btn{background-color:#2e8b57;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:1rem 2rem;transition:background-color .3s}.donate-btn:hover{background-color:#256d45}.slider{background-color:#8b4513cc;border-radius:10px;overflow:hidden;padding:1rem;position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:1000}.slider ul{list-style:none;margin:0;padding:0}.slider li{margin-bottom:.5rem}.slider a{border-radius:5px;color:gold;display:block;font-weight:700;padding:.5rem;text-decoration:none;transition:background-color .3s}.slider a:hover{background-color:#ffd70033}.partners{background-color:#f9f9f9;padding:4rem 2rem;text-align:center}.partners h2{color:#8b4513;font-size:2.5rem;margin-bottom:2rem}.partners-grid{display:flex;flex-wrap:nowrap;gap:2rem;justify-content:center;margin:0 auto;max-width:1200px;overflow-x:auto}.partner{background:linear-gradient(135deg,#fff,#f9f9f9);border:2px solid #0000;border-radius:15px;box-shadow:0 8px 16px #00000026;overflow:hidden;padding:1.5rem;position:relative;transition:all .4s ease}.partner:before{background:linear-gradient(90deg,#0000,#ffd70033,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.partner:hover:before{left:100%}.partner:hover{border-color:gold;box-shadow:0 12px 24px #00000040;transform:translateY(-10px) scale(1.05)}.partner img{border-radius:10px;display:block;margin:0 auto;max-height:120px;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.partner:hover img{transform:scale(1.1)}.partner p{color:#8b4513;font-weight:700}.navbar-menu::-webkit-scrollbar{display:none!important;width:0!important}.navbar-menu::-webkit-scrollbar-thumb,.navbar-menu::-webkit-scrollbar-track{display:none!important}.navbar-menu{-ms-overflow-style:none!important;scrollbar-color:#0000 #0000!important;scrollbar-width:none!important}@media (max-width:768px){.navbar{padding:1rem}.navbar .logo{font-size:1.2rem}.navbar .logo-img{height:30px}.navbar .hamburger{display:block;order:2}.auth-buttons-desktop{display:none}.auth-buttons-mobile{border-top:1px solid #ffd70033;display:flex;gap:.8rem;justify-content:center;margin-top:.5rem;padding:1rem 0}.auth-buttons-mobile .login-btn,.auth-buttons-mobile .signup-btn{flex:1 1;font-size:.95rem;max-width:150px;padding:.7rem 2rem}.navbar-menu{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2e8b57bf;border:1px solid #ffffff2e;border-radius:0 0 10px 10px;box-shadow:0 8px 32px #0000004d;flex-direction:column;left:0;max-height:80vh;opacity:0;overflow-y:auto;padding:1rem 0;position:absolute;top:-500px;transition:top .4s ease,opacity .4s ease,visibility .4s ease;visibility:hidden;width:100%;z-index:1001}.navbar-menu.open{opacity:1;top:100%;visibility:visible}.navbar-menu li{border-bottom:1px solid #ffd70033;margin:.5rem 0;padding:.25rem 0;text-align:center}.navbar-menu li:last-child{border-bottom:none}.navbar-menu a{border-radius:5px;display:block;font-size:1rem;padding:.5rem 1rem;transition:all .3s ease}.navbar-menu a:hover{background-color:#ffd7001a;color:gold;transform:scale(1.05)}.hero h1{font-size:2rem}.hero p{font-size:1.2rem}.partners h2{font-size:2rem}.partners-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;overflow-x:visible}.partner{padding:1rem}}@media (min-width:769px){.navbar-menu{background:none;border-radius:0;box-shadow:none;display:flex;margin-left:3vw;opacity:1;padding:0;position:static;transform:none;visibility:visible}.navbar-menu li{border-bottom:none;margin-left:1rem;padding:0}.navbar-menu a{border-radius:0;font-size:1rem;padding:0}.nav-link-btn{font-size:1rem}.navbar-menu a:hover{background:none;transform:none}}.programs-access-modal{animation:modalSlideIn .4s ease;background:linear-gradient(135deg,#fff,#f8f9fa);border:3px solid #2e8b57;border-radius:20px;box-shadow:0 25px 80px #0000004d;box-sizing:border-box;height:90vh;left:50%;max-width:500px;overflow-x:hidden;overflow-y:scroll!important;padding:0;position:fixed;scroll-behavior:smooth;top:5vh;transform:translateX(-50%);width:90%;z-index:2001}.programs-access-modal::-webkit-scrollbar{width:6px}.programs-access-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.programs-access-modal::-webkit-scrollbar-thumb{background:#2e8b57;border-radius:10px}.programs-access-modal::-webkit-scrollbar-thumb:hover{background:#228b22}.modal-close-x{align-items:center;background:linear-gradient(135deg,#ff4757,#ff3742);border:none;border-radius:50%;box-shadow:0 4px 15px #ff47574d;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:35px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:35px;z-index:10}.modal-close-x:hover{background:linear-gradient(135deg,#ff3742,#ff2f3a);box-shadow:0 6px 20px #ff475780;transform:rotate(90deg) scale(1.1)}.modal-content{box-sizing:border-box;overflow-x:hidden;padding:3rem 2.5rem 2.5rem;text-align:center}.modal-icon{color:#2e8b57;font-size:4rem;margin-bottom:1.5rem;text-shadow:2px 2px 4px #0000001a}.modal-content h2{color:#2e8b57;font-size:2rem;font-weight:800;margin-bottom:1rem;text-shadow:1px 1px 2px #0000001a}.modal-content p{color:#555;font-size:1.1rem;font-weight:500;line-height:1.6;margin-bottom:2rem}.benefits-list{background:linear-gradient(135deg,#f0f8f0,#e8f5e9);border-left:4px solid #2e8b57;border-radius:15px;margin:2rem 0;padding:1.5rem;text-align:left}.benefit-item{align-items:center;color:#333;display:flex;font-size:1rem;margin-bottom:1rem}.benefit-item:last-child{margin-bottom:0}.benefit-item i{color:#2e8b57;font-size:1.2rem;margin-right:1rem}.benefit-item span{font-weight:600}.signup-cta-btn{align-items:center;background:linear-gradient(135deg,#2e8b57,#228b22);border:none;border-radius:15px;box-shadow:0 6px 20px #2e8b5766;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.8rem;justify-content:center;letter-spacing:.5px;margin:0 auto;padding:1.2rem 2.5rem;text-transform:uppercase;transition:all .3s ease}.signup-cta-btn:hover{background:linear-gradient(135deg,#228b22,#1e7a1e);box-shadow:0 8px 25px #2e8b5780;transform:translateY(-3px) scale(1.05)}.signup-cta-btn i{font-size:1.2rem}@media (max-width:768px){.programs-access-modal{border:2px solid #2e8b57;border-radius:15px;height:85vh;top:7.5vh;width:95vw}.programs-access-modal::-webkit-scrollbar{width:4px}.modal-content{word-wrap:break-word;overflow-x:hidden;padding:2.5rem 1rem 2rem;scroll-margin-top:0}.modal-content h2{word-wrap:break-word;font-size:1.4rem;line-height:1.3;margin-bottom:.8rem}.modal-content p{word-wrap:break-word;font-size:.9rem;line-height:1.6;margin-bottom:1.5rem}.modal-icon{font-size:2.5rem;margin-bottom:1rem}.benefits-list{margin:1.2rem 0;overflow-x:hidden;padding:.8rem}.benefit-item{word-wrap:break-word;font-size:.85rem;margin-bottom:.7rem;overflow-x:hidden}.benefit-item i{flex-shrink:0;font-size:.9rem;margin-right:.6rem}.benefit-item span{word-wrap:break-word;flex:1 1}.signup-cta-btn{box-sizing:border-box;font-size:.9rem;max-width:100%;padding:.9rem 1.2rem;width:100%}.modal-close-x{font-size:14px;height:30px;right:8px;top:8px;width:30px}}@media (max-width:480px){.programs-access-modal{max-height:95vh;max-width:98vw;width:98vw}.modal-content{padding:2rem .8rem 1.5rem}.modal-content h2{font-size:1.2rem}.modal-content p{font-size:.85rem}.benefit-item{font-size:.8rem}.signup-cta-btn{font-size:.85rem;padding:.8rem 1rem}}.student-hub-modal{animation:modalSlideIn .4s ease;background:linear-gradient(135deg,#fff,#f8f9fa);border:3px solid #8b4513;border-radius:20px;box-shadow:0 25px 80px #0000004d;box-sizing:border-box;left:50%;max-height:90vh;max-width:600px;overflow-x:hidden;overflow-y:auto;padding:0;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:2001}.student-hub-modal::-webkit-scrollbar{width:6px}.student-hub-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.student-hub-modal::-webkit-scrollbar-thumb{background:#8b4513;border-radius:10px}.student-hub-modal::-webkit-scrollbar-thumb:hover{background:sienna}.hub-content{box-sizing:border-box;overflow-x:hidden;padding:3rem 2.5rem 2.5rem;text-align:center;width:100%}.hub-header{margin-bottom:2.5rem}.hub-header i{color:#8b4513;font-size:4rem;margin-bottom:1rem;text-shadow:2px 2px 4px #0000001a}.hub-header h2{color:#8b4513;font-size:2.2rem;font-weight:800;margin-bottom:.5rem;text-shadow:1px 1px 2px #0000001a}.hub-header p{color:#666;font-size:1.1rem;font-weight:500}.hub-features{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2.5rem}.feature-card{background:linear-gradient(135deg,#f0f8f0,#e8f5e9);border:2px solid #2e8b57;border-radius:15px;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#228b22;box-shadow:0 10px 30px #2e8b5733;transform:translateY(-5px)}.feature-icon{color:#2e8b57;font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#2e8b57;font-size:1.3rem;font-weight:700;margin-bottom:.8rem}.feature-card p{color:#555;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.feature-btn{background:linear-gradient(135deg,#2e8b57,#228b22);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease;width:100%}.feature-btn:hover{background:linear-gradient(135deg,#228b22,#1e7a1e);box-shadow:0 6px 20px #2e8b574d;transform:translateY(-2px)}.login-prompt{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:15px;margin-top:1rem;padding:1.5rem}.login-prompt p{color:#856404;font-size:1rem;font-weight:600;margin-bottom:1rem}.login-prompt .student-login-btn{align-items:center;background:linear-gradient(135deg,#8b4513,sienna);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.8rem;justify-content:center;margin:0 auto;padding:1rem 2rem;transition:all .3s ease}.login-prompt .student-login-btn:hover{background:linear-gradient(135deg,sienna,#8b4513);box-shadow:0 8px 25px #8b451366;transform:translateY(-3px)}@media (max-width:768px){.student-hub-modal{border:2px solid #8b4513;max-height:90vh;max-width:95vw;width:95vw}.student-hub-modal::-webkit-scrollbar{width:4px}.hub-content{padding:2.5rem 1rem 2rem}.hub-header i{font-size:3rem}.hub-header h2{font-size:1.8rem}.hub-header p{font-size:1rem}.hub-features{gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem}.feature-card{padding:1.5rem}.feature-icon{font-size:2.5rem}.feature-card h3{font-size:1.2rem}.feature-card p{font-size:.9rem}.login-prompt{padding:1.2rem}.login-prompt p{font-size:.9rem}.login-prompt .student-login-btn{font-size:.95rem;max-width:250px;padding:.9rem 1.5rem;width:100%}}@media (max-width:480px){.student-hub-modal{max-width:98vw;width:98vw}.hub-content{padding:2rem .8rem 1.5rem}.hub-header h2{font-size:1.5rem}.feature-card{padding:1.2rem}.feature-card h3{font-size:1.1rem}.feature-btn{font-size:.9rem;padding:.7rem 1.2rem}}.student-welcome{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #2e8b57;border-radius:15px;margin-top:1rem;padding:2rem;text-align:center}.student-welcome p{color:#2e8b57;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.hub-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.action-btn{border-radius:12px;font-size:1rem;min-width:180px;padding:1rem 2rem}.action-btn.primary{box-shadow:0 6px 20px #2e8b574d}.action-btn.primary:hover{box-shadow:0 8px 25px #2e8b5766;transform:translateY(-3px)}.action-btn.secondary{box-shadow:0 6px 20px #8b45134d}.action-btn.secondary:hover{box-shadow:0 8px 25px #8b451366;transform:translateY(-3px)}@media (max-width:768px){.student-welcome{padding:1.5rem}.student-welcome p{font-size:1rem}.hub-actions{align-items:center;flex-direction:column}.action-btn{font-size:.95rem;max-width:250px;padding:.9rem 1.5rem;width:100%}}@media (max-width:480px){.action-btn{font-size:.9rem;min-width:auto}.attractive-hub-modal{height:90vh;top:5vh;width:98%}}.attractive-hub-modal{animation:hubModalSlideIn .5s ease;background:linear-gradient(135deg,#fff,#f8f9fa);border:3px solid #8b4513;border-radius:25px;box-shadow:0 30px 100px #0000004d;box-sizing:border-box;height:90vh;left:50%;max-width:700px;overflow-x:hidden;overflow-y:auto;padding:0;position:fixed;top:5vh;transform:translateX(-50%);width:95%;z-index:2001}.attractive-hub-modal::-webkit-scrollbar{display:none!important;width:0!important}.attractive-hub-modal::-webkit-scrollbar-thumb,.attractive-hub-modal::-webkit-scrollbar-track{display:none!important}.attractive-hub-modal{-ms-overflow-style:none!important;scrollbar-color:#0000 #0000!important;scrollbar-width:none!important}@keyframes hubModalSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8) rotateY(10deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotateY(0deg)}}.hub-hero-section{background:linear-gradient(135deg,#8b4513,sienna);color:#fff;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.hub-hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");content:"";opacity:.3}.floating-icons,.hub-hero-section:before{bottom:0;left:0;position:absolute;right:0;top:0}.floating-icons{pointer-events:none}.icon-float{animation:float 6s ease-in-out infinite;font-size:2rem;opacity:.7;position:absolute}.icon-1{animation-delay:0s;left:15%;top:20%}.icon-2{animation-delay:1.5s;right:20%;top:30%}.icon-3{animation-delay:3s;bottom:30%;left:20%}.icon-4{animation-delay:4.5s;bottom:20%;right:15%}.hub-main-icon{animation:pulse 2s ease-in-out infinite;font-size:4rem;margin-bottom:1rem;position:relative;z-index:1}.hub-hero-section h2{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;position:relative;text-shadow:2px 2px 4px #0000004d;z-index:1}.hub-tagline{font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;opacity:.9}.hub-description,.hub-tagline{position:relative;z-index:1}.hub-description p{font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:500px;opacity:.9}.hub-features-grid{grid-gap:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:2.5rem}.feature-card-modern{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;padding:2rem;position:relative;transition:all .4s ease}.feature-card-modern:hover{border-color:#2e8b57;box-shadow:0 20px 50px #0003;transform:translateY(-10px) scale(1.02)}.card-glow{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);background-size:300% 100%;height:4px;left:0;position:absolute;right:0;top:0}.struggle-card .card-glow{background:linear-gradient(90deg,#ff6b6b,#ee5a6f,#ff6b6b)}.challenge-card .card-glow{background:linear-gradient(90deg,gold,orange,gold)}.feature-icon-modern{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 1.5rem;overflow:hidden;position:relative;width:80px}.struggle-card .feature-icon-modern{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);box-shadow:0 10px 30px #ff6b6b66}.challenge-card .feature-icon-modern{background:linear-gradient(135deg,gold,orange);box-shadow:0 10px 30px #ffd70066}.feature-icon-modern:before{animation:iconShine 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes iconShine{0%{left:-100%}to{left:100%}}.feature-card-modern h3{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.feature-card-modern p{color:#666;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;text-align:center}.feature-highlights{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.highlight{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #2e8b57;border-radius:20px;color:#2e8b57;font-size:.85rem;font-weight:600;padding:.4rem .8rem}.modern-btn{align-items:center;border:none;border-radius:15px;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.8rem;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:1rem 2rem;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.modern-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.modern-btn:hover:before{left:100%}.modern-btn.primary{background:linear-gradient(135deg,#2e8b57,#228b22);box-shadow:0 8px 25px #2e8b5766;color:#fff}.modern-btn.primary:hover{background:linear-gradient(135deg,#228b22,#1e7a1e);box-shadow:0 12px 35px #2e8b5780;transform:translateY(-3px)}.modern-btn.secondary{background:linear-gradient(135deg,#8b4513,sienna);box-shadow:0 8px 25px #8b451366;color:#fff}.modern-btn.secondary:hover{background:linear-gradient(135deg,sienna,#8b4513);box-shadow:0 12px 35px #8b451380;transform:translateY(-3px)}.hub-cta-section{background:linear-gradient(135deg,#fff,#f8f9fa);border-top:1px solid #e0e0e0;padding:2.5rem;text-align:center}.login-cta,.welcome-cta{margin:0 auto;max-width:500px}.cta-icon{animation:bounce 2s ease-in-out infinite;font-size:3rem;margin-bottom:1rem}.general-update-modal{background:linear-gradient(135deg,#fff,#f8f9fa)!important;border-radius:20px!important;box-shadow:0 20px 60px #0000004d!important;max-width:90%!important;overflow:auto!important;padding:2rem!important;width:600px!important}@media (max-width:768px){.general-update-modal{border-radius:16px!important;max-height:90vh!important;max-width:95%!important;overflow-y:auto!important;padding:1.5rem!important;width:95%!important}.general-update-modal img{height:auto!important;max-width:100%!important}}@media (max-width:480px){.general-update-modal{max-height:90vh!important;max-width:98%!important;overflow-y:auto!important;padding:1rem!important;width:98%!important}}.hub-cta-section h3{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.hub-cta-section p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.cta-button{align-items:center;background:linear-gradient(135deg,#8b4513,sienna);border:none;border-radius:15px;box-shadow:0 8px 25px #8b451366;color:#fff;cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:700;gap:1rem;letter-spacing:.5px;padding:1.2rem 2.5rem;text-transform:uppercase;transition:all .3s ease}.cta-button:hover{background:linear-gradient(135deg,sienna,#8b4513);box-shadow:0 12px 35px #8b451380;transform:translateY(-3px) scale(1.05)}@media (max-width:768px){.attractive-hub-modal{border-radius:15px;height:85vh;top:7.5vh;width:95%}.hub-hero-section{padding:1.5rem 1rem}.hub-hero-section h2{font-size:1.8rem}.hub-tagline{font-size:1rem}.hub-description p{font-size:.95rem}.hub-features-grid{gap:1rem;grid-template-columns:1fr;padding:1.5rem 1rem}.feature-card-modern{padding:1.2rem}.feature-icon-modern{font-size:1.8rem;height:60px;width:60px}.feature-card-modern h3{font-size:1.2rem}.feature-card-modern p{font-size:.9rem}.feature-highlights{gap:.3rem}.highlight{font-size:.75rem;padding:.3rem .6rem}.modern-btn{font-size:.9rem;padding:.8rem 1.2rem}.hub-cta-section{padding:1.5rem 1rem}.hub-cta-section h3{font-size:1.5rem}.cta-button,.hub-cta-section p{font-size:1rem}.cta-button{padding:.9rem 1.5rem}}.about-section{background-color:#fff;padding:4rem 2rem}.about-container{margin:0 auto;max-width:1200px;text-align:center}.about-section h2{color:#8b4513;font-size:2.5rem;margin-bottom:3rem}.about-content{align-items:center;display:flex;gap:3rem;text-align:center}.about-text{flex:1 1}.about-text p{color:#555;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.about-image{flex:1 1}.about-image img{border-radius:15px;box-shadow:0 10px 20px #0000001a;height:auto;width:100%}@media (max-width:768px){.about-section{padding:3rem 1.5rem}.about-section h2{font-size:1.7rem;margin-bottom:2rem}.about-content{flex-direction:column}}.footer{background-color:#f8f9fa;color:#333;font-family:Arial,sans-serif;margin-top:60px;padding:40px 20px}.footer-top{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:40px}.footer-brand h3{color:#16a34a;font-size:24px;margin:0}.badge{background-color:#16a34a;border-radius:12px;font-size:12px;margin-left:8px;padding:2px 8px}.footer-brand p{color:#666;font-size:14px;margin:10px 0 20px}.social-icons{display:flex;gap:15px;justify-content:center}.social-icons a{color:#16a34a;font-size:20px;text-decoration:none;transition:color .3s}.social-icons a:hover{color:#0f8b3a}.footer-contact h4{color:#333;font-size:18px;margin:0 0 10px}.footer-contact p{color:#666;font-size:14px;margin:0 0 20px}.whatsapp-btn{align-items:center;background-color:#25d366;border-radius:50px;box-shadow:0 4px 10px #00000026;color:#fff;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;padding:12px 24px;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.whatsapp-btn:hover{background-color:#1ebe57;transform:translateY(-2px)}.footer-bottom{border-top:1px solid #ddd;padding-top:40px}.footer-columns{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.column h5{color:#333;font-size:16px;margin:0 0 15px}.column ul{list-style:none;margin:0;padding:0}.column li{margin-bottom:8px}.column a{color:#666;font-size:14px;text-decoration:none;transition:color .3s}.column a:hover{color:#16a34a}.divider{border:none;border-top:1px solid #ddd;margin:20px 0}.footer-legal{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.footer-legal p{color:#666;font-size:14px;margin:0}.legal-links{display:flex;gap:20px}.legal-links a{color:#666;font-size:14px;text-decoration:none;transition:color .3s}.legal-links a:hover{color:#16a34a}@media (max-width:768px){.footer-top{align-items:center;flex-direction:column;text-align:center}.footer-contact{margin-top:30px}.footer-columns{flex-direction:column;text-align:center}.column{margin-bottom:20px}.footer-legal{flex-direction:column;gap:10px;text-align:center}.legal-links{justify-content:center}.powered-by{margin-top:20px;text-align:center}}.modal-overlay{background-color:#000000b3;padding:1rem;z-index:2000}.modal-content{animation:fadeIn .3s ease-out;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;max-height:90vh;max-width:800px;overflow-y:auto;padding:2rem 2.5rem;position:relative;width:100%}@media (max-width:768px){.modal-overlay{align-items:flex-start;overflow-y:auto;padding:0;position:fixed;top:0}.modal-content{border-radius:0;margin:0;max-height:100vh;min-height:100vh;overflow-y:auto;padding:3.5rem 1rem 2rem;position:relative;top:0;width:100%}.modal-close{background:#dc3545e6;border-color:#dc3545;border-width:2px;color:#fff;font-size:1.3rem;height:36px;position:fixed;right:8px;top:8px;width:36px;z-index:2001}}.modal-close{align-items:center;background:#dc35451a;border:2px solid #dc35454d;color:#dc3545;display:flex;justify-content:center;line-height:1;right:15px;top:10px}.modal-close:hover{border-color:#dc3545;color:#fff}.modal-content h3{color:#8b4513;font-size:1.8rem;margin-bottom:1.5rem}.modal-content li,.modal-content p{color:#555;font-size:1rem;line-height:1.8}@media (max-width:768px){.modal-content h3{font-size:1.4rem;margin-bottom:1rem}.modal-content li,.modal-content p{font-size:.9rem;line-height:1.6}body.modal-open{overflow:hidden;position:fixed;width:100%}}.login-modal-content{animation:slideIn .4s ease-out;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);background:#ffffff40;border:1px solid #ffffff80;border-radius:20px;box-shadow:0 8px 32px #1f26875e;margin:0 auto;max-width:500px;padding:2rem}.login-modal-content h2{color:#8b4513;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.user-type-selection{animation:slideIn .5s ease-out}.type-btn{-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%);background:#ffffff4d;border:2px solid #ffffff80}.type-btn:hover{background:#fff6;border-color:#2e8b57cc;box-shadow:0 10px 25px #2e8b574d}.login-form{animation:slideIn .5s ease-out}.change-type-btn{font-size:.9rem}.form-group input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff6;border:2px solid #fff6;padding:.9rem}.form-group input:focus{background:#fff9;border-color:#2e8b57;box-shadow:0 0 0 3px #2e8b571a}.form-footer{margin-bottom:1rem;text-align:right}.forgot-password{background:none;border:none;color:#2e8b57;cursor:pointer;font-size:.9rem;font-weight:600;text-decoration:underline;transition:color .3s ease}.forgot-password:hover{color:#228b22}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#228b22,#1a6b1a);box-shadow:0 6px 20px #2e8b5766;transform:translateY(-3px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.login-modal-content{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffff59;border-radius:0;max-width:100%;padding:1rem}.login-modal-content h2{font-size:1.4rem;margin-bottom:1.5rem}.user-type-selection{flex-direction:column;gap:1rem}.type-btn{padding:1.5rem 1rem}.type-btn i{font-size:2.5rem}.type-btn span{font-size:1.1rem}.form-header{flex-direction:row;gap:.5rem;margin-bottom:1rem;padding-bottom:.8rem}.form-header h3{flex:1 1;font-size:1.2rem}.change-type-btn{font-size:.85rem;padding:.4rem .8rem}.form-group{margin-bottom:1rem}.form-group label{font-size:.9rem;margin-bottom:.4rem}.form-group input{font-size:.95rem;padding:.8rem}.toggle-password{font-size:1.1rem;right:.6rem}.forgot-password{font-size:.85rem}.submit-btn{font-size:1rem;padding:.9rem}}.news-updates{background:#fff;overflow:hidden;padding:3rem 2rem;position:relative}.news-updates:before{animation:backgroundMove 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%232E8B57' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}@keyframes backgroundMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.news-header{flex-direction:column;margin-bottom:3rem;position:relative;text-align:center;z-index:1}.news-title{animation:titleFloat 3s ease-in-out infinite;color:#2e8b57;font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:.5rem;text-shadow:0 4px 20px #2e8b5733}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.news-subtitle{animation:fadeInUp 1s ease;color:#666;font-size:1.2rem;font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.news-marquee-container{align-items:center;display:flex;justify-content:center;padding:2rem 0;position:relative}.news-nav-btn{display:none}@media (max-width:768px){.news-nav-btn{display:none}}.news-dots{display:none}.news-marquee{align-items:center;display:flex;justify-content:center}.news-card,.news-marquee{max-width:500px;width:100%}.news-card{animation:fadeIn .5s ease-in-out;border-radius:20px;box-shadow:0 20px 60px #0000004d;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.news-card:before{background:var(--card-color);content:"";height:5px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease;width:100%}.news-card:hover:before{transform:scaleX(1)}.news-card:hover{box-shadow:0 30px 80px #0006;transform:translateY(-15px) scale(1.03)}.news-card-header{align-items:center;margin-bottom:1.5rem}.news-icon{animation:iconBounce 2s ease-in-out infinite;font-size:3rem}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.news-category{animation:categoryPulse 2s ease-in-out infinite;background:var(--card-color);border-radius:20px;color:#fff;font-size:.85rem;font-weight:700;letter-spacing:1px;padding:.5rem 1rem;text-transform:uppercase}@keyframes categoryPulse{0%,to{opacity:1}50%{opacity:.8}}.news-card-body{margin-bottom:0}.news-card-title{color:#333;font-size:1.5rem;font-weight:700;line-height:1.4;margin-bottom:1rem;transition:color .3s ease}.news-card:hover .news-card-title{color:var(--card-color)}.news-card-description{color:#666;font-size:1rem;line-height:1.6}@media (max-width:768px){.news-updates{padding:2rem .5rem 1rem}.news-header{margin-bottom:2rem}.news-title{font-size:1.5rem;white-space:nowrap}.news-subtitle{font-size:.9rem;padding:0 1rem}.news-card{margin:0 .5rem;max-width:90vw;min-width:280px;padding:1.2rem}.news-icon{font-size:2rem}.news-category{font-size:.7rem;padding:.4rem .8rem}.news-card-title{font-size:1.1rem;line-height:1.3;margin-bottom:.8rem}.news-card-description{font-size:.9rem;line-height:1.4}.news-marquee-container{display:block;margin-left:calc(-50vw + 50%);mask-image:none;-webkit-mask-image:none;overflow:hidden;padding:1rem 0;position:relative;width:100vw}.news-marquee{animation:none;display:block;padding:0;text-align:center;width:100%}.news-card{animation:fadeIn .5s ease-in-out;box-sizing:border-box;height:auto;margin:0;min-height:auto;padding:1rem 3vw;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.news-dots{bottom:-3rem;display:flex;gap:.5rem;justify-content:center;left:50%;margin-top:1.5rem;position:absolute;transform:translateX(-50%)}.news-dot{background:#ddd;border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s ease;width:10px}.news-dot.active{background:#2e8b57;border-radius:5px;width:25px}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.news-card:after{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.news-card:hover:after{left:100%}.programs-section{background-color:#fdfdfd;padding:4rem 2rem}.modal-heading{border-bottom:3px solid #2e8b57;color:#2e8b57;font-size:2rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem;text-align:center}.programs-container{margin:0 auto;max-width:1200px}.programs-section h2{color:#8b4513;font-size:2.5rem;margin-bottom:1rem;text-align:center}.programs-section .subtitle{color:#777;font-size:1.1rem;margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.vision-mission-content{display:flex;gap:3rem;margin-bottom:2rem}.mission,.vision{background:#fff;border-left:5px solid #2e8b57;border-radius:10px;box-shadow:0 4px 15px #0000000d;flex:1 1;padding:2rem}.vision-mission h3{color:#8b4513;font-size:1.5rem;margin-bottom:1rem}.approach p,.vision-mission p{color:#555;line-height:1.7}.approach{background:#f9f9f9;border-radius:10px;margin-top:2rem;padding:2rem;text-align:center}.core-values{margin-top:5rem}.values-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.value-card{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000000d;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.value-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-8px)}.value-icon{color:#2e8b57;display:block;font-size:2.5rem;margin-bottom:1rem;text-align:center}.value-card h4{color:#2e8b57;font-size:1.2rem;margin-bottom:.5rem}.value-card p{color:#666;font-size:.95rem;line-height:1.6}.our-programs{margin-top:5rem}.programs-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.program-card{background:#fff;border-radius:15px;box-shadow:0 8px 25px #00000014;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.program-card:hover{box-shadow:0 12px 30px #0000001f;transform:translateY(-10px)}.program-card h3{color:#8b4513;font-size:1.4rem;margin-bottom:1rem}.program-card p{color:#555;flex-grow:1;line-height:1.7}.learn-more{align-self:flex-start;color:#2e8b57;font-weight:700;margin-top:1.5rem;text-decoration:none;transition:color .3s ease}.learn-more:hover{color:#256d45}.view-all-programs{margin-top:3rem;text-align:center}@media (max-width:768px){.programs-section{padding:2rem 1rem}.programs-section h2{font-size:1.5rem;margin-bottom:.5rem}.programs-section .subtitle{font-size:.95rem;margin-bottom:2rem}.vision-mission-content{flex-direction:column;gap:1rem;margin-bottom:1rem}.mission,.vision{border-left-width:3px;padding:1rem}.vision-mission h3{font-size:1.2rem;margin-bottom:.5rem}.vision-mission p{font-size:.9rem;line-height:1.5}.approach{margin-top:1rem;padding:1rem}.approach h3{font-size:1.2rem;margin-bottom:.5rem}.approach p{font-size:.9rem;line-height:1.5}.core-values{margin-top:3rem}.value-card{padding:1.2rem}.value-icon{font-size:2rem;margin-bottom:.5rem}.value-card h4{font-size:1.1rem}.value-card p{font-size:.85rem}.our-programs{margin-top:3rem}.programs-grid{gap:1rem;grid-template-columns:1fr}.program-card{padding:1.2rem}.program-card h3{font-size:1.2rem;margin-bottom:.5rem}.program-card p{font-size:.9rem;line-height:1.5}.learn-more{font-size:.9rem;margin-top:1rem}.view-all-programs{margin-top:2rem}}@media (min-width:769px) and (max-width:1024px){.programs-grid{grid-template-columns:repeat(2,1fr)}}.ict-courses{background:linear-gradient(135deg,#f5f7fa,#e8f5e9);border-radius:20px;margin-top:5rem;padding:3rem 2rem}.ict-courses h2{color:#2e8b57;font-size:2.5rem;margin-bottom:1rem;text-align:center}.courses-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.course-card{background:#fff;border-left:5px solid #2e8b57;border-radius:15px;box-shadow:0 4px 15px #00000014;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.course-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.course-card h3{color:#2e8b57;font-size:1.3rem;margin-bottom:1rem}.course-card p{color:#555;line-height:1.6;margin-bottom:.8rem}.course-card p strong{color:#2e8b57}.delivery-model{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;margin-top:3rem;padding:2rem}.delivery-model h3{color:#2e8b57;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.delivery-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.delivery-item{background:#f5f7fa;border-left:3px solid #2e8b57;border-radius:10px;padding:1rem}.delivery-item strong{color:#2e8b57;display:block;margin-bottom:.5rem}@media (max-width:768px){.ict-courses{margin-top:3rem;padding:2rem 1rem}.ict-courses h2{font-size:1.3rem;line-height:1.4;padding:0 .5rem}.delivery-model h3{font-size:1.2rem;white-space:nowrap}.courses-grid{gap:1.5rem;grid-template-columns:1fr}.course-card{padding:1.5rem}.course-card h3{font-size:1.1rem}.delivery-grid{grid-template-columns:1fr}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.donation-modal-content{animation:slideInDown .4s ease-out;background:linear-gradient(135deg,#fff,#f9f9f9);border-radius:20px;padding:2rem;text-align:center}.donation-modal-content h2{animation:fadeIn .6s ease-out;color:#8b4513;font-size:2rem;font-weight:700;margin-bottom:1rem;position:relative}.donation-modal-content h2:after{animation:pulse 2s infinite;content:"❤️";display:inline-block;margin-left:10px}.donation-modal-content p{animation:fadeIn .8s ease-out;color:#555;font-size:1rem;line-height:1.7;margin-bottom:2rem}.form-group{animation:slideInUp .5s ease-out;text-align:left}.form-group:nth-child(2){animation-delay:.1s}.form-group label{color:#8b4513;transition:color .3s}.form-group input{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:14px 16px;transition:all .3s ease}.form-group input:focus{border-color:gold;box-shadow:0 0 15px #ffd7004d;transform:translateY(-2px)}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.donate-btn-modal{animation:slideInUp .6s ease-out;background:linear-gradient(135deg,#2e8b57,#228b22);border:none;border-radius:12px;box-shadow:0 4px 15px #2e8b574d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%}.donate-btn-modal:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.donate-btn-modal:hover:before{height:300px;width:300px}.donate-btn-modal:hover{background:linear-gradient(135deg,#228b22,#1a6b1a);box-shadow:0 6px 20px #2e8b5766;transform:translateY(-3px)}.donate-btn-modal:active{box-shadow:0 3px 10px #2e8b574d;transform:translateY(-1px)}.donate-btn-modal:disabled{background:linear-gradient(135deg,#999,#777);box-shadow:none;cursor:not-allowed;transform:none}.form-message{animation:slideInUp .4s ease-out;border-left:4px solid;border-radius:10px;font-size:.95rem;font-weight:600;margin-top:1rem;padding:12px 16px}.form-message.success{animation:slideInUp .4s ease-out;background-color:#d4edda;border-left-color:#28a745;color:#155724}.form-message.error{animation:shake .4s ease-out;background-color:#f8d7da;border-left-color:#dc3545;color:#721c24}@media (max-width:768px){.donation-modal-content{border-radius:12px;box-sizing:border-box;padding:1rem;width:100%}.donation-modal-content h2{font-size:1.4rem;margin-bottom:.8rem;text-align:center}.donation-modal-content p{font-size:.85rem;line-height:1.5;margin-bottom:1.2rem;text-align:center}.donation-modal-content form{width:100%}.form-group{margin-bottom:1rem;width:100%}.form-group label{display:block;font-size:.85rem;margin-bottom:.4rem;text-align:left}.form-group input{border-radius:10px;box-sizing:border-box;font-size:.9rem;padding:12px;width:100%}.donate-btn-modal{border-radius:10px;font-size:.95rem;margin-top:.5rem;padding:13px;width:100%}.form-message{font-size:.8rem;margin-top:.8rem;padding:10px;text-align:left}.intasend-trust-badge{margin-top:1rem}.trust-badge-img{max-width:280px}.trust-badge-text{font-size:.7rem;margin-top:.4rem}}.intasend-trust-badge{animation:fadeIn 1s ease-out;margin-top:2rem;padding-top:1.5rem}.payment-success{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:20px}.success-logo{animation:logoFloat 2s ease-in-out infinite;box-shadow:0 8px 25px #2e8b5766;height:100px;margin-bottom:1.5rem;width:100px}.success-icon{filter:drop-shadow(0 4px 10px rgba(46,139,87,.3));font-size:5rem}.payment-success h2{font-size:2.2rem;font-weight:800;margin-bottom:.5rem;text-shadow:2px 2px 4px #0000001a}.payment-success h3{color:#2e8b57;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.payment-success p{color:#555;line-height:1.7}.user-details{background:#fff;border:2px solid #2e8b57;border-radius:15px;box-shadow:0 4px 15px #2e8b5733;margin:1.5rem 0;padding:1.5rem}.user-details p{font-size:1.05rem;margin:.8rem 0;text-align:left}.user-details strong{font-weight:700}@media (max-width:768px){.payment-success{border-radius:15px;padding:1.5rem 1rem}.success-logo{height:80px;margin-bottom:1rem;width:80px}.success-icon{font-size:4rem}.payment-success h2{font-size:1.6rem;line-height:1.3}.payment-success h3{font-size:1.2rem;line-height:1.3}.payment-success p{font-size:.95rem;line-height:1.6}.user-details{border-radius:12px;padding:1.2rem}.user-details p{font-size:.9rem;margin:.6rem 0}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes checkmark{0%{transform:scale(0) rotate(0deg)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(1turn)}}.signup-modal-content{animation:fadeInScale .4s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:2rem}.signup-modal-content h2{color:#8b4513;font-size:2rem;font-weight:700;margin-bottom:1rem;text-align:center}.important-notice{align-items:flex-start;animation:slideUp .5s ease-out;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:12px;box-shadow:0 4px 15px #ffc10733;display:flex;gap:.8rem;margin-bottom:1.5rem;padding:1rem}.important-notice i{color:#ff9800;flex-shrink:0;font-size:1.5rem;margin-top:.2rem}.important-notice div{color:#856404;font-size:.95rem;line-height:1.5}.important-notice strong{color:#d84315;font-weight:700}.user-type-selection{animation:slideUp .5s ease-out;display:flex;gap:1.5rem;justify-content:center}.type-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2e8b571a;border:2px solid #2e8b574d;border-radius:15px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:1rem;max-width:200px;padding:2rem 1.5rem;transition:all .3s ease}.type-btn i{color:#2e8b57;font-size:3rem}.type-btn span{color:#2e8b57;font-size:1.2rem;font-weight:600}.type-btn:hover{background:#2e8b5733;border-color:#2e8b57;box-shadow:0 10px 25px #2e8b5733;transform:translateY(-5px)}.signup-form{animation:slideUp .5s ease-out}.form-header{align-items:center;border-bottom:2px solid #2e8b5733;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.form-header h3{color:#2e8b57;font-size:1.5rem;margin:0}.change-type-btn{background:#0000;border:2px solid #2e8b57;border-radius:8px;color:#2e8b57;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.change-type-btn:hover{background:#2e8b57;color:#fff}.form-group{margin-bottom:1.2rem}.form-group label{color:#555;font-size:.95rem}.form-group input,.form-group select{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffffff2;border:2px solid #2e8b5799;border-radius:10px;box-sizing:border-box;color:#222;font-size:1rem;font-weight:500;padding:.9rem;transition:all .3s ease;width:100%}.form-group input::placeholder{color:#888;font-weight:400}.form-group select{color:#222;font-weight:500}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#2e8b57;box-shadow:0 0 0 3px #2e8b5733;outline:none}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:3rem}.toggle-password{background:#0000;border:none;color:#2e8b57;cursor:pointer;font-size:1.2rem;padding:.5rem;position:absolute;right:.8rem;top:50%;transform:translateY(-50%);transition:all .3s ease}.toggle-password:hover{color:#228b22;transform:translateY(-50%) scale(1.1)}.password-strength{border-radius:5px;display:inline-block;font-size:.85rem;font-weight:600;margin-top:.5rem;padding:.3rem .6rem;text-transform:uppercase}.password-strength.weak{background:#dc354533;color:#dc3545}.password-strength.medium{background:#ffc10733;color:#ffc107}.password-strength.strong{background:#28a74533;color:#28a745}.interest-chips{display:flex;flex-wrap:wrap;gap:.6rem}.chip{background:#2e8b571a;border:2px solid #2e8b574d;border-radius:20px;color:#2e8b57;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1rem;transition:all .3s ease}.chip:hover{background:#2e8b5733;transform:translateY(-2px)}.chip.selected{background:#2e8b57;border-color:#2e8b57;color:#fff}.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.checkbox-group input[type=checkbox]{cursor:pointer;transform:scale(1.2);width:auto}.error{background:#dc35451a;border-left:3px solid #dc3545;border-radius:6px;color:#dc3545;display:block;font-size:.85rem;font-weight:500;margin-top:.3rem;padding:.5rem}.id-choice-buttons{display:flex;gap:1rem;margin-top:.5rem}.choice-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border:2px solid #2e8b5766;border-radius:10px;color:#2e8b57;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.8rem;transition:all .3s ease}.choice-btn:hover{background:#fff6;border-color:#2e8b57}.choice-btn.selected{background:#2e8b57;border-color:#2e8b57;color:#fff}.id-preview{background:#2e8b571a;color:#2e8b57;font-size:.9rem;font-weight:600;padding:.5rem}.helper-text,.id-preview{border-radius:5px;margin-top:.5rem}.helper-text{align-items:center;background:#ffc1071a;border-left:3px solid #ffc107;color:#856404;display:flex;font-size:.85rem;gap:.5rem;padding:.6rem}.helper-text i{color:#ffc107}.submit-btn{border-radius:12px;box-shadow:0 4px 15px #2e8b574d;font-size:1.1rem;padding:1rem;width:100%}.submit-btn:hover{background:linear-gradient(135deg,#228b22,#1a6b1a);box-shadow:0 6px 20px #2e8b5766;transform:translateY(-3px)}.success-message{animation:fadeInScale .5s ease-out;padding:3rem 2rem;text-align:center}.success-message i{animation:checkmark .6s ease-out;color:#28a745;font-size:5rem}.success-message h3{color:#2e8b57;font-size:1.8rem;margin:1rem 0 .5rem}.success-message p{color:#666;font-size:1.1rem;margin:.3rem 0}.success-message .login-prompt{color:#2e8b57;font-size:1rem;font-weight:600;margin-top:1rem}.login-redirect-btn{background:linear-gradient(135deg,#2e8b57,#228b22);border:none;border-radius:12px;box-shadow:0 4px 15px #2e8b574d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:1.5rem;padding:1rem 2.5rem;transition:all .3s ease}.login-redirect-btn:hover{background:linear-gradient(135deg,#228b22,#1a6b1a);box-shadow:0 6px 20px #2e8b5766;transform:translateY(-3px)}@media (max-width:768px){.signup-modal-content{background:#fffffffa;border-radius:0;min-height:auto;padding:.8rem .8rem 2rem}.signup-modal-content h2{font-size:1.3rem;margin-bottom:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.important-notice{gap:.6rem;margin-bottom:1rem;padding:.8rem}.important-notice i{font-size:1.2rem}.important-notice div{font-size:.85rem}.user-type-selection{flex-direction:column;gap:.8rem}.type-btn{max-width:100%;padding:1.2rem 1rem}.type-btn i{font-size:2.2rem}.type-btn span{font-size:1rem}.form-header{align-items:center;flex-direction:row;gap:.5rem;margin-bottom:1rem;padding-bottom:.8rem}.form-header h3{flex:1 1;font-size:1.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.change-type-btn{font-size:.8rem;padding:.4rem .7rem}.form-group{margin-bottom:.8rem}.form-group label{font-size:.85rem;margin-bottom:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-group input,.form-group select{background:#fffffffa;border:2px solid #2e8b57b3;border-radius:8px;color:#222;font-size:.9rem;font-weight:500;padding:.7rem}.form-group input::placeholder{color:#777;font-size:.85rem;font-weight:400}.toggle-password{font-size:1.1rem;right:.6rem}.password-strength{font-size:.75rem;padding:.25rem .5rem}.interest-chips{gap:.4rem}.chip{font-size:.8rem;padding:.45rem .7rem}.checkbox-group label{word-wrap:break-word;font-size:.85rem;white-space:normal}.checkbox-group label span{white-space:nowrap}.checkbox-group input[type=checkbox]{transform:scale(1.1)}.error{font-size:.75rem;margin-top:.2rem}.submit-btn{font-size:.95rem;margin-bottom:1rem;margin-top:1rem;padding:.8rem;position:relative;white-space:nowrap}.signup-form{padding-bottom:1rem}.success-message{display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:2rem .5rem}.success-message i{font-size:3.5rem}.success-message h3{font-size:1.3rem;margin:.8rem 0 .3rem;white-space:nowrap}.success-message p{font-size:.95rem}.success-message .login-prompt{font-size:.9rem;margin-top:.8rem}.login-redirect-btn{font-size:1rem;margin-top:1.2rem;padding:.8rem 2rem}.id-choice-buttons{gap:.6rem}.choice-btn{font-size:.9rem;padding:.7rem}.id-preview{font-size:.8rem;padding:.4rem}.helper-text{font-size:.75rem;padding:.5rem}}.student-dashboard{background:#fff;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.logo-container{gap:.8rem}.sidebar-logo{border:2px solid #fff;height:40px;object-fit:cover;width:40px}.logo-text{color:#2e8b57;font-size:1.3rem;font-weight:700;text-transform:lowercase}.sidebar-footer{padding:1rem}.logout-btn{background:#dc3545e6}.logout-btn:hover{background:#dc3545}.top-bar{box-shadow:0 2px 4px #0000001a}.header-right{gap:2rem}.profile-dropdown{transition:all .3s ease}.profile-dropdown:hover{background:#2e8b57;border-color:#2e8b57;color:#fff}.profile-dropdown:hover i{color:#fff}.profile-dropdown i{transition:color .3s ease}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);bottom:0;right:0;z-index:10000}.profile-modal{animation:slideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000004d;max-width:500px;padding:2.5rem;position:relative;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close{background:none;color:#999;transition:color .3s ease}.modal-close:hover{color:#dc3545}.profile-modal-header{margin-bottom:2rem;text-align:center}.profile-modal-header i{color:#2e8b57;font-size:4rem;margin-bottom:1rem}.profile-modal-header h2{color:#333;font-size:1.8rem;margin:0}.profile-modal-content{display:flex;flex-direction:column;gap:1.5rem}.profile-field{display:flex;flex-direction:column;gap:.5rem}.profile-field label{color:#2e8b57;font-size:.9rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.profile-value{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;color:#333;font-size:1.1rem;padding:1rem}.profile-note{align-items:center;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #ffc107;border-radius:10px;display:flex;gap:1rem;margin-top:1rem;padding:1rem}.profile-note i{color:#ff6b6b;font-size:1.5rem}.profile-note p{color:#333;font-size:.95rem;line-height:1.5;margin:0}.welcome-section{margin-bottom:2rem}.welcome-section h1{color:#2e8b57;font-size:2rem;margin-bottom:.5rem}.welcome-section p{color:#666;font-size:1.1rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.stat-card{border-radius:15px;box-shadow:0 4px 15px #0000001a;flex-direction:column;gap:1rem;overflow:hidden;padding:1.5rem;position:relative}.stat-card:before{background:linear-gradient(90deg,#2e8b57,#228b22);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-8px)}.stat-card i{align-self:flex-start;color:#2e8b57;font-size:2.5rem}.stat-info{display:flex;flex-direction:column;gap:.3rem}.stat-info h3{color:#2e8b57;font-size:2.5rem;font-weight:800}.stat-info p{color:#333;font-size:1rem;font-weight:600}.stat-info .tagline{color:#666;font-size:.85rem;line-height:1.4;margin-top:.3rem}.gradient-1{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.gradient-2{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.gradient-3{background:linear-gradient(135deg,#fff3e0,#ffe0b2)}.gradient-4{background:linear-gradient(135deg,#f3e5f5,#e1bee7)}.gradient-5{background:linear-gradient(135deg,#e0f2f1,#b2dfdb)}.gradient-6{background:linear-gradient(135deg,#fce4ec,#f8bbd0)}.gradient-7{background:linear-gradient(135deg,#fff9c4,#fff59d)}.gradient-8{background:linear-gradient(135deg,#e8f5e9,#a5d6a7)}.next-task-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.next-task-panel h2{color:#2e8b57;margin-bottom:1rem}.task-card{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:1rem;padding:1rem}.task-card i{color:#2e8b57;font-size:2rem}.task-card h3{color:#333;margin:0}.task-card p{color:#666;font-size:.9rem;margin:0}.recent-courses h2{color:#2e8b57;font-size:1.8rem;margin-bottom:1.5rem}.initiatives-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.initiative-card{background:#fff;border-left:4px solid #2e8b57;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:transform .3s ease}.initiative-card:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-5px)}.initiative-icon{font-size:2.5rem;margin-bottom:1rem}.initiative-card h3{color:#2e8b57;font-size:1.2rem;font-weight:700;margin:0 0 1rem}.initiative-card p{color:#555;font-size:.95rem;line-height:1.6;margin-bottom:.8rem}.initiative-card .core-focus{border-top:1px solid #e0e0e0;color:#666;font-size:.9rem;margin-top:1rem;padding-top:1rem}.skill-tag{background:#2e8b57;border-radius:20px;color:#fff;font-size:.8rem;padding:.3rem .8rem}.progress-bar{background:#e0e0e0;border-radius:10px;height:8px;margin-bottom:.5rem}.progress-fill{background:linear-gradient(90deg,#2e8b57,#228b22)}.progress-text{color:#666;font-size:.9rem;margin-bottom:1rem}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.7rem 1.5rem;transition:all .3s ease}.btn-secondary{background:#fff;border:2px solid #2e8b57;color:#2e8b57}.btn-secondary:hover{background:#2e8b57;color:#fff}.courses-section h1,.events-section h1,.faqs-section h1,.help-section h1,.programs-section h1,.resources-section h1,.skills-section h1,.whiteboard-section h1{color:#2e8b57;margin-bottom:1rem}.faqs-subtitle{color:#666;font-size:1.05rem;margin-bottom:2rem}.faqs-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.faq-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .3s ease}.faq-item:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-3px)}.faq-question{align-items:center;background:linear-gradient(135deg,#2e8b57,#228b22);color:#fff;display:flex;gap:1rem;padding:1.5rem}.faq-question i{font-size:1.5rem}.faq-question h3{font-size:1.1rem;margin:0}.faq-answer{background:#fff;padding:1.5rem}.faq-answer p{color:#555;font-size:1rem;line-height:1.6;margin:0}.back-to-help{margin-top:2rem;text-align:center}.back-to-help .btn-primary{align-items:center;display:inline-flex;gap:.5rem}.whiteboard-subtitle{color:#666;font-size:1.05rem;margin-bottom:2rem}.whiteboard-controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem;padding:1.5rem}.control-group{align-items:center;display:flex;gap:.8rem}.control-group label{color:#333;font-weight:600}.control-group input[type=color]{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;height:40px;width:50px}.control-group input[type=range]{width:150px}.control-group span{color:#666;font-weight:600;min-width:40px}.canvas-container{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden}.whiteboard-canvas{border:3px solid #2e8b57;border-radius:12px;cursor:crosshair;display:block;height:500px;width:100%}.help-subtitle{color:#666;font-size:1.05rem;margin-bottom:2rem}.help-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.help-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease}.help-card:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-5px)}.help-card i{color:#2e8b57;font-size:3rem;margin-bottom:1rem}.help-card h3{color:#333;margin-bottom:.5rem}.help-card p{color:#666;margin-bottom:1.5rem}.help-card .btn-primary,.help-card a.btn-primary{display:inline-block;text-decoration:none}.help-info{align-items:center;background:linear-gradient(135deg,#e8f5f0,#d4edda);border-left:4px solid #2e8b57;border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.help-info i{color:#2e8b57;font-size:2rem}.help-info p{color:#333;font-size:1rem;margin:0}.no-events-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;box-shadow:0 4px 15px #0000001a;margin:2rem auto;max-width:700px;padding:4rem 2rem;text-align:center}.no-events-icon{animation:swing 2s ease-in-out infinite;color:#2e8b57;font-size:5rem;margin-bottom:1.5rem}@keyframes swing{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.no-events-container h2{color:#333;font-size:2rem;margin-bottom:1rem}.no-events-message{color:#666;font-size:1.2rem;margin-bottom:1rem}.no-events-submessage{color:#777;font-size:1rem;line-height:1.6;margin-bottom:2rem}.notify-box{align-items:center;background:linear-gradient(135deg,#2e8b57,#228b22);border-radius:12px;box-shadow:0 4px 12px #2e8b574d;color:#fff;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding:1.5rem}.notify-box i{animation:ring 2s ease-in-out infinite;font-size:1.5rem}@keyframes ring{0%,to{transform:rotate(0deg)}10%,30%{transform:rotate(-15deg)}20%,40%{transform:rotate(15deg)}50%{transform:rotate(0deg)}}.notify-box p{font-size:1rem;font-weight:600;margin:0}.programs-section .programs-subtitle{color:#666;font-size:1.05rem;margin-bottom:.5rem}.programs-section .programs-price{background:#2e8b571a;border-radius:10px;color:#2e8b57;font-size:1.2rem;font-weight:700;margin-bottom:2rem;padding:.8rem;text-align:center}.ai-smartzone{background:linear-gradient(135deg,#e8f5f0,#d4edda 50%,#c3e6cb);border-radius:20px;color:#333;overflow:hidden;padding:3rem;position:relative}.ai-smartzone:before{background:radial-gradient(circle at 20% 50%,#2e8b5714 0,#0000 50%),radial-gradient(circle at 80% 80%,#228b2214 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.ai-hero{margin-bottom:3rem;position:relative;text-align:center;z-index:1}.ai-icon-wrapper{align-items:center;animation:rotate 10s linear infinite,pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#2e8b571a,#228b2233);border:3px solid #2e8b57;border-radius:50%;box-shadow:0 0 30px #2e8b5766;display:inline-flex;height:120px;justify-content:center;margin:0 auto 1.5rem;position:relative;width:120px}.ai-icon-wrapper i{animation:float 3s ease-in-out infinite;color:#2e8b57;font-size:3.5rem;z-index:1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ai-hero h1{color:#1a5c3a;font-size:2.5rem;margin-bottom:1rem;text-shadow:0 2px 4px #2e8b571a}.ai-tagline{color:#2e8b57;font-size:1.3rem;font-style:italic;font-weight:600;margin-bottom:1rem}.ai-intro{color:#555;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:700px}.ai-description{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #2e8b574d;border-radius:15px;margin-bottom:2rem;padding:2rem;position:relative;z-index:1}.tech-border{background:linear-gradient(90deg,#0000,#2e8b57,#0000);height:2px;margin:1.5rem 0}.ai-description p{color:#444;font-size:1.05rem;line-height:1.8;text-align:center}.ai-description strong{color:#2e8b57;font-weight:700}.ai-cta{margin-bottom:3rem;position:relative;text-align:center;z-index:1}.ai-cta h2{animation:glow 2s ease-in-out infinite alternate;color:#2e8b57;font-size:1.8rem;font-weight:700;text-shadow:0 0 15px #2e8b5766}@keyframes glow{0%{text-shadow:0 0 15px #2e8b5766}to{text-shadow:0 0 25px #2e8b57cc}}.skills-selector{background:#fff9;border:1px solid #2e8b574d;border-radius:15px;padding:2rem;position:relative;z-index:1}.skills-selector h3{color:#1a5c3a;font-size:1.5rem;margin-bottom:.5rem;text-align:center}.selector-subtitle{color:#555;font-size:1rem;margin-bottom:2rem;text-align:center}.programs-list{display:flex;flex-direction:column;gap:1rem}.program-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1.5rem;padding:1.5rem;transition:transform .3s ease}.program-item:hover{box-shadow:0 4px 12px #00000026;transform:translateX(5px)}.program-icon{color:#2e8b57;font-size:2.5rem}.program-details{flex:1 1}.program-details h3{color:#333;font-size:1.1rem;margin:0 0 .5rem}.level-tag{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:.5rem;padding:.3rem .8rem}.level-tag.beginner{background:#2e8b57;color:#fff}.progress-fill.beginner-full{width:100%}.skills-section p{color:#666;margin-bottom:2rem}.skills-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:2rem}.skill-chip{align-items:center;background:#fff;border:2px solid #2e8b574d;border-radius:10px;color:#333;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:1rem;transition:all .3s ease}.skill-chip i{color:#2e8b57;opacity:0;transition:opacity .3s ease}.skill-chip.selected{background:linear-gradient(135deg,#2e8b57,#228b22);border-color:#2e8b57;box-shadow:0 0 20px #2e8b5780;color:#fff}.skill-chip.selected i{opacity:1}.skill-chip:hover{background:#2e8b5733;border-color:#2e8b57;box-shadow:0 0 15px #2e8b574d;transform:translateY(-2px)}.skill-chip.greyed{background:#f0f0f0;border-color:#ccc;opacity:.4;pointer-events:none}.skill-chip:disabled{cursor:not-allowed}.path-recommendation{background:#fff;border:2px solid #2e8b57;border-radius:15px;box-shadow:0 4px 15px #2e8b5733;margin-top:2rem;padding:2rem}.path-recommendation h3{color:#2e8b57;font-size:1.5rem;margin-bottom:1rem;text-align:center}.recommendation-content{word-wrap:break-word;color:#333;font-size:1rem;line-height:1.8;overflow-wrap:break-word;white-space:pre-wrap}.loading-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-modal{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000004d;max-width:500px;padding:3rem;text-align:center}.loading-spinner{height:100px;margin:0 auto 2rem;position:relative;width:100px}.spinner-ring{animation:spin 1.5s cubic-bezier(.5,0,.5,1) infinite;border:4px solid #0000;border-radius:50%;border-top-color:#2e8b57;height:100%;position:absolute;width:100%}.spinner-ring:first-child{animation-delay:-.45s;border-top-color:#2e8b57}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:#228b22}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:#32cd32}.loading-modal h3{color:#2e8b57;font-size:1.5rem;margin-bottom:1rem}.loading-modal p{color:#666;font-size:1rem;margin:0}.save-skills{background:linear-gradient(135deg,#2e8b57,#228b22);box-shadow:0 0 25px #2e8b5766;font-size:1.1rem;margin-top:2rem;padding:1rem 2rem}.save-skills:hover:not(:disabled){box-shadow:0 0 35px #2e8b5799}.save-skills:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;opacity:.6}.courses-list{display:flex;flex-direction:column;gap:1.5rem}.course-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1.5rem;padding:1.5rem}.course-icon{color:#2e8b57;font-size:3rem}.course-details{flex:1 1}.course-details h3{color:#333;margin:0 0 .5rem}.course-details p{color:#666;font-size:.9rem;margin:.5rem 0 0}.resource-warning{align-items:center;animation:bounce 2s ease-in-out infinite;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;border-radius:12px;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem 1.5rem}.resource-warning i{animation:pulse-icon 1.5s ease-in-out infinite;color:#ff6b6b;font-size:2rem}@keyframes pulse-icon{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.resource-warning p{color:#333;font-size:1rem;line-height:1.5;margin:0}.resource-tabs{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.resource-tab{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;color:#666;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:1rem 1.5rem;transition:all .3s ease}.resource-tab i{font-size:1.2rem}.resource-tab:hover{border-color:#2e8b57;transform:translateY(-2px)}.resource-tab.active{background:linear-gradient(135deg,#2e8b57,#228b22);border-color:#2e8b57;color:#fff}.resource-content{display:flex;flex-direction:column;gap:3rem}.books-section h2,.videos-section h2{align-items:center;color:#2e8b57;display:flex;gap:.5rem;margin-bottom:1.5rem}.videos-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.video-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .3s ease}.video-card:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-5px)}.video-wrapper{height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.video-wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}.video-info{padding:1rem}.video-info h3{color:#333;font-size:1.1rem;margin:0 0 .5rem}.video-info p{color:#666;font-size:.9rem;margin:0}.books-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.book-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:.8rem;padding:2rem;text-align:center;transition:transform .3s ease}.book-card:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-5px)}.book-card i{color:#2e8b57;font-size:3rem;margin-bottom:.5rem}.book-card h3{color:#333;font-size:1.1rem;margin:0}.book-card .author{color:#666;font-style:italic;margin:0}.book-card .pages{color:#999;font-size:.9rem;margin:0}.book-card .btn-secondary{display:inline-block;margin-top:auto;text-decoration:none}.event-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;gap:1.5rem;padding:1.5rem}.event-date{background:#2e8b57;border-radius:10px;min-width:80px;padding:1rem}.event-date .day{display:block;font-size:2rem;font-weight:700}.event-date .month{display:block;font-size:.9rem;text-transform:uppercase}.event-details h3{color:#333;margin:0 0 .5rem}.event-details p{color:#666;margin:0}.profile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:500px;padding:2rem;text-align:center}.profile-card h2{color:#333;margin-bottom:2rem}.profile-options{display:flex;flex-direction:column;gap:1rem}@media (max-width:768px){.profile-modal{padding:2rem;width:95%}.profile-modal-header i{font-size:3rem}.profile-modal-header h2{font-size:1.5rem}.profile-value{font-size:1rem}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.close-sidebar{display:block}.sidebar-header{padding:1rem}.sidebar-logo{height:35px;width:35px}.logo-text{font-size:1.1rem}.sidebar{-webkit-overflow-scrolling:touch;overflow-y:scroll}.sidebar-footer{padding:.8rem}.logout-btn{font-size:.9rem;padding:.8rem 1rem}.logout-btn i{font-size:1rem}.main-content{margin-left:0}.hamburger{display:block}.top-bar{padding:.8rem 1rem}.header-right{gap:1rem}.profile-dropdown span{display:none}.content-area{padding:1rem}.welcome-section h1{font-size:1.4rem;line-height:1.3}.welcome-section p{font-size:.9rem;line-height:1.5}.stats-grid{gap:1rem;grid-template-columns:1fr}.stat-card{border-radius:12px;padding:1.5rem}.stat-card i{font-size:2.5rem}.stat-info h3{font-size:2.2rem}.stat-info p{font-size:.95rem;font-weight:600}.stat-info .tagline{font-size:.85rem;line-height:1.5}.next-task-panel{border-radius:15px;padding:1.5rem}.next-task-panel h2{font-size:1.3rem;margin-bottom:1.2rem}.task-card{border-radius:12px;flex-direction:column;padding:1.5rem;text-align:center}.task-card i{font-size:3rem}.task-card h3{font-size:1.05rem}.task-card p{font-size:.9rem}.task-card .btn-primary{margin-top:.5rem}.recent-courses h2{font-size:1.4rem;margin-bottom:1.2rem}.initiatives-grid{gap:1.2rem;grid-template-columns:1fr}.initiative-card{border-radius:12px;padding:1.5rem}.initiative-icon{font-size:2.5rem}.initiative-card h3{font-size:1.15rem;margin-bottom:.8rem}.initiative-card p{font-size:.95rem;line-height:1.6}.initiative-card .core-focus{font-size:.9rem;margin-top:1rem;padding-top:1rem}.skill-tag{font-size:.75rem;padding:.25rem .6rem}.progress-text{font-size:.85rem}.btn-primary,.btn-secondary{border-radius:10px;font-size:.95rem;padding:.8rem 1.5rem;width:100%}.courses-section h1,.events-section h1,.faqs-section h1,.help-section h1,.programs-section h1,.resources-section h1,.skills-section h1,.whiteboard-section h1{font-size:1.5rem}.faqs-subtitle{font-size:.95rem}.faqs-list{gap:1.2rem}.faq-question{padding:1.2rem}.faq-question i{font-size:1.3rem}.faq-question h3{font-size:1rem;line-height:1.4}.faq-answer{padding:1.2rem}.faq-answer p,.help-subtitle,.whiteboard-subtitle{font-size:.95rem}.whiteboard-controls{gap:1rem;padding:1.2rem}.control-group,.whiteboard-controls{align-items:stretch;flex-direction:column}.control-group{gap:.5rem}.control-group input[type=range]{width:100%}.whiteboard-canvas{height:400px}.help-cards{gap:1.2rem;grid-template-columns:1fr}.help-card{padding:1.5rem}.help-card i{font-size:2.5rem}.help-card .btn-primary,.help-card a.btn-primary,.help-card button.btn-primary{min-width:150px;width:auto}.help-info{flex-direction:column;padding:1.2rem;text-align:center}.help-info i{font-size:1.8rem}.help-info p{font-size:.9rem}.no-events-container{border-radius:15px;padding:2.5rem 1.5rem}.no-events-icon{font-size:4rem}.no-events-container h2{font-size:1.5rem;line-height:1.3}.no-events-message{font-size:1.05rem}.no-events-submessage{font-size:.95rem;line-height:1.6}.notify-box{flex-direction:column;gap:.8rem;padding:1.2rem}.notify-box i{font-size:2rem}.notify-box p{font-size:.95rem;line-height:1.5}.programs-section .programs-subtitle{font-size:.9rem}.ai-smartzone{border-radius:15px;padding:2rem 1.5rem}.ai-brain-icon{font-size:3.5rem}.ai-hero h1{font-size:1.9rem;line-height:1.3}.ai-tagline{font-size:1.15rem;line-height:1.4}.ai-intro{font-size:1.05rem;line-height:1.6}.ai-description{border-radius:12px;padding:1.5rem}.ai-description p{font-size:1rem;line-height:1.7}.ai-cta h2{font-size:1.4rem;line-height:1.4}.skills-selector{border-radius:12px;padding:1.5rem}.skills-selector h3{font-size:1.3rem}.selector-subtitle{font-size:.95rem}.programs-list{gap:1rem}.program-item{border-radius:12px;flex-direction:column;padding:1.5rem;text-align:center}.program-icon{font-size:2.5rem}.program-details h3{font-size:1.05rem;line-height:1.4}.level-tag{font-size:.75rem;padding:.25rem .6rem}.skills-grid{gap:1rem;grid-template-columns:1fr}.skill-chip{border-radius:10px;font-size:.95rem;justify-content:center;padding:1rem}.save-skills{font-size:1rem;margin-top:1.5rem;padding:.8rem 1.5rem;width:100%}.path-recommendation{border-radius:12px;margin-top:1.5rem;padding:1.5rem}.path-recommendation h3{font-size:1.2rem;margin-bottom:1rem}.recommendation-content{font-size:.95rem;line-height:1.7}.loading-modal{border-radius:15px;margin:0 1rem;padding:2rem 1.5rem}.loading-spinner{height:80px;margin-bottom:1.5rem;width:80px}.loading-modal h3{font-size:1.2rem;line-height:1.4}.loading-modal p{font-size:.9rem;line-height:1.5}.courses-list{gap:1.2rem}.course-item{border-radius:12px;flex-direction:column;padding:1.5rem;text-align:center}.course-icon{font-size:3rem}.course-details h3{font-size:1.05rem;line-height:1.4}.course-details p{font-size:.9rem}.resource-warning{border-radius:12px;flex-direction:column;padding:1.2rem;text-align:center}.resource-warning i{font-size:2rem}.resource-warning p{font-size:.95rem;line-height:1.5}.resource-tabs{flex-direction:column;gap:1rem}.resource-tab{border-radius:10px;font-size:.95rem;justify-content:center;padding:1rem 1.2rem}.books-section h2,.videos-section h2{font-size:1.3rem}.videos-grid{gap:1.5rem;grid-template-columns:1fr}.video-card{border-radius:12px}.video-info{padding:1.2rem}.video-info h3{font-size:1.05rem;line-height:1.4}.video-info p{font-size:.9rem}.books-grid{gap:1.2rem;grid-template-columns:1fr}.book-card{border-radius:12px;padding:1.8rem}.book-card i{font-size:3rem}.book-card h3{font-size:1.05rem;line-height:1.4}.book-card .author{font-size:.9rem}.book-card .btn-secondary{align-self:center;margin-top:.5rem}.events-list{gap:1.2rem}.event-card{border-radius:12px;flex-direction:column;padding:1.5rem;text-align:center}.event-date{border-radius:10px;min-width:80px;padding:1rem}.event-date .day{font-size:2rem}.event-date .month{font-size:.9rem}.event-details h3{font-size:1.05rem;line-height:1.4;margin-top:.5rem}.event-details p{font-size:.9rem}.profile-card{border-radius:15px;padding:2rem 1.5rem}.profile-avatar{font-size:5rem}.profile-card h2{font-size:1.4rem}.profile-btn{border-radius:10px;font-size:.95rem;padding:1rem}}.student-hub-section{margin:0 auto;max-width:1200px}.hub-header{margin-bottom:3rem;text-align:center}.hub-header .hub-icon{color:#8b4513;font-size:4rem;margin-bottom:1rem;text-shadow:2px 2px 4px #0000001a}.hub-header h1{color:#8b4513;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.hub-subtitle{color:#666;font-size:1.2rem;font-weight:500}.hub-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:3rem}.hub-feature-card{background:#fff;border:3px solid #0000;border-radius:20px;box-shadow:0 8px 25px #0000001a;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.hub-feature-card:before{background:linear-gradient(90deg,#2e8b57,#228b22);content:"";height:4px;left:0;position:absolute;right:0;top:0}.hub-feature-card:hover{border-color:#2e8b57;box-shadow:0 15px 40px #00000026;transform:translateY(-8px)}.feature-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin-bottom:1.5rem;text-shadow:1px 1px 2px #0003;width:80px}.feature-icon.struggle{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);box-shadow:0 6px 20px #ff6b6b4d}.feature-icon.challenge{background:linear-gradient(135deg,gold,orange);box-shadow:0 6px 20px #ffd7004d}.feature-content h3{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.feature-content p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.feature-benefits{list-style:none;margin-bottom:2rem;padding:0}.feature-benefits li{align-items:center;color:#555;display:flex;font-size:1rem;gap:.8rem;margin-bottom:.8rem}.feature-benefits li:before{background:linear-gradient(135deg,#2e8b57,#228b22);border-radius:50%;color:#fff;content:"✓";flex-shrink:0;font-size:.8rem;height:20px;width:20px}.feature-benefits li:before,.hub-action-btn{align-items:center;display:flex;font-weight:700;justify-content:center}.hub-action-btn{border:none;border-radius:15px;cursor:pointer;font-size:1.1rem;gap:.8rem;letter-spacing:.5px;padding:1.2rem 2rem;text-transform:uppercase;transition:all .3s ease;width:100%}.hub-action-btn.primary{background:linear-gradient(135deg,#2e8b57,#228b22);box-shadow:0 6px 20px #2e8b5766;color:#fff}.hub-action-btn.primary:hover{background:linear-gradient(135deg,#228b22,#1e7a1e);box-shadow:0 8px 25px #2e8b5780;transform:translateY(-3px)}.hub-action-btn.secondary{background:linear-gradient(135deg,#8b4513,sienna);box-shadow:0 6px 20px #8b451366;color:#fff}.hub-action-btn.secondary:hover{background:linear-gradient(135deg,sienna,#8b4513);box-shadow:0 8px 25px #8b451380;transform:translateY(-3px)}.hub-stats{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e0e0e0}.stat-item{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a}.stat-item:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-3px)}.stat-item div h4{color:#2e8b57;font-size:2rem;font-weight:800;margin:0}.stat-item div p{color:#666;font-size:.9rem;font-weight:600;margin:0}@media (max-width:768px){.hub-header .hub-icon{font-size:3rem}.hub-header h1{font-size:2rem}.hub-subtitle{font-size:1.1rem}.hub-features{gap:1.5rem;grid-template-columns:1fr}.hub-feature-card{padding:2rem}.feature-icon{font-size:2rem;height:70px;width:70px}.feature-content h3{font-size:1.5rem}.feature-content p{font-size:1rem}.feature-benefits li{font-size:.95rem}.hub-action-btn{font-size:1rem;padding:1rem 1.5rem}.hub-stats{grid-template-columns:repeat(2,1fr);padding:1.5rem}.stat-item{flex-direction:column;padding:1.2rem;text-align:center}.stat-item i{font-size:2rem}.stat-item div h4{font-size:1.8rem}.stat-item div p{font-size:.85rem}}@media (max-width:480px){.hub-features{gap:1.2rem}.hub-feature-card{padding:1.5rem}.feature-content h3{font-size:1.3rem}.hub-action-btn{font-size:.95rem;padding:.9rem 1.2rem}.hub-stats{gap:1rem;grid-template-columns:1fr}}.program-item.detailed{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e0e0e0;border-radius:15px;padding:2rem;transition:all .3s ease}.program-item.detailed:hover{border-color:#2e8b57;box-shadow:0 8px 25px #2e8b5726;transform:translateY(-2px)}.program-meta{display:flex;flex-wrap:wrap;gap:1rem;margin:.8rem 0}.duration,.target{background:#e8f5e9;border-radius:20px;color:#2e8b57;font-size:.85rem;font-weight:600;padding:.3rem .8rem}.description{color:#555;font-size:.95rem;line-height:1.6;margin:1rem 0}.outcome{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #ffc107;border-radius:10px;font-size:.9rem;margin:1rem 0;padding:.8rem}.events-section-fullpage{min-height:80vh}.upcoming-events-list{margin-bottom:3rem}.upcoming-events-list h2{align-items:center;color:#2e8b57;display:flex;font-size:2rem;gap:.5rem;margin-bottom:2rem}.events-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.event-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #0000;border-radius:20px;box-shadow:0 6px 20px #00000014;display:flex;flex-direction:row;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.event-card:before{background:linear-gradient(90deg,#2e8b57,#228b22,#32cd32);content:"";height:5px;left:0;position:absolute;right:0;top:0}.event-card:hover{border-color:#2e8b57;box-shadow:0 15px 40px #2e8b5733;transform:translateY(-10px) scale(1.02)}.event-date{align-items:center;background:linear-gradient(135deg,#2e8b57,#228b22);box-shadow:inset 0 0 20px #0000001a;color:#fff;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;max-width:110px;min-width:110px;padding:2rem 1.5rem;position:relative;text-align:center}.event-date:after{background:#ffffff4d;border-radius:2px;content:"";height:3px;left:50%;position:absolute;top:10px;transform:translateX(-50%);width:40px}.event-day{font-size:3rem;font-weight:900;line-height:1;margin-bottom:.5rem;text-shadow:2px 2px 4px #0003}.event-month{font-size:1rem;font-weight:700;letter-spacing:1.5px;opacity:.95;text-transform:uppercase}.event-year{font-size:.9rem;font-weight:600;margin-top:.3rem;opacity:.9}.event-details{display:flex;flex:1 1;flex-direction:column;min-width:0;padding:2rem}.event-details h3{color:#2e8b57;font-size:1.2rem;font-weight:800;line-height:1.3;margin:0 0 1rem}.event-details h3,.event-details p{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.event-details p{color:#555;flex:1 1;font-size:.95rem;line-height:1.6;margin:0 0 1.2rem}.event-meta{border-top:2px solid #e8f5e9;display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:auto;padding-top:1.2rem}.event-meta span{word-wrap:break-word;align-items:center;background:#e8f5e9;border-radius:20px;color:#2e8b57;display:flex;font-size:.85rem;font-weight:700;gap:.5rem;overflow-wrap:break-word;padding:.4rem .8rem;white-space:nowrap}.event-meta i{color:#2e8b57;font-size:1.1rem}.event-info-banner{background:linear-gradient(135deg,#e8f5f0,#d4edda);border-left:4px solid #2e8b57;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.event-info-banner i{color:#2e8b57;font-size:2rem}.event-info-banner p{color:#333;line-height:1.6}.calendar-container{border-radius:15px;height:600px}@media (max-width:768px){.events-grid{gap:1.5rem;grid-template-columns:1fr}.event-card,.event-date{flex-direction:column}.event-date{gap:.5rem;justify-content:center;max-width:100%;min-width:auto;padding:1.5rem}.event-date:after{display:none}.event-day{font-size:2.5rem}.event-month{font-size:1rem}.event-year{font-size:.9rem}.event-details{padding:1.5rem}.event-details h3{font-size:1.2rem}.event-details p{font-size:.95rem}.event-meta{flex-direction:column;gap:.8rem}.event-meta span{font-size:.9rem;padding:.4rem .8rem}.calendar-container{height:500px}.program-item.detailed{padding:1.5rem}.program-meta{flex-direction:column;gap:.5rem}.duration,.target{font-size:.8rem}.description{font-size:.9rem}}.payment-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.payment-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:450px;overflow-y:auto;padding:2rem;position:relative;width:90%}.payment-close{background:#0000;border:none;color:#666;cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem;transition:all .3s ease}.payment-close:hover{color:#dc3545;transform:rotate(90deg)}.payment-header{margin-bottom:2rem;text-align:center}.payment-header i{color:#2e8b57;font-size:3rem;margin-bottom:1rem}.payment-header h2{color:#2e8b57;font-size:1.8rem;margin-bottom:.5rem}.payment-header p{color:#666;font-size:1rem}.payment-form .form-group{margin-bottom:1.5rem}.payment-form label{color:#333;display:block;font-weight:600;margin-bottom:.5rem}.payment-form input{border:2px solid #2e8b5799;border-radius:10px;font-size:1rem;padding:.9rem;transition:all .3s ease;width:100%}.payment-form input:focus{border-color:#2e8b57;box-shadow:0 0 0 3px #2e8b5733;outline:none}.payment-form input.amount-field{background:#f5f5f5;color:#2e8b57;cursor:not-allowed;font-weight:700}.payment-form small{color:#666;display:block;font-size:.85rem;margin-top:.3rem}.payment-error{background:#dc35451a;border-left:3px solid #dc3545;border-radius:8px;color:#dc3545;font-size:.9rem;margin-bottom:1rem;padding:.8rem}.payment-btn{background:linear-gradient(135deg,#2e8b57,#228b22);border:none;border-radius:12px;box-shadow:0 4px 15px #2e8b574d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem;transition:all .3s ease;width:100%}.payment-btn:hover:not(:disabled){background:linear-gradient(135deg,#228b22,#1a6b1a);box-shadow:0 6px 20px #2e8b5766;transform:translateY(-2px)}.payment-btn:disabled{cursor:not-allowed;opacity:.6}.payment-info{align-items:flex-start;background:#2e8b571a;border-radius:10px;display:flex;gap:.8rem;margin-top:1.5rem;padding:1rem}.payment-info i{color:#2e8b57;font-size:1.2rem;margin-top:.2rem}.payment-info p{color:#555;font-size:.9rem;line-height:1.5}@media (max-width:768px){.payment-modal{max-width:95%;padding:1.5rem}.payment-header h2{font-size:1.5rem}.payment-header i{font-size:2.5rem}.intasend-trust-badge{margin-top:1rem}.trust-badge-img{max-width:280px}.trust-badge-text{font-size:.7rem;margin-top:.4rem}}.intasend-trust-badge{border-top:1px solid #e0e0e0;margin-top:1.5rem;padding-top:1rem;text-align:center}.trust-badge-img{height:auto;max-width:375px;transition:transform .3s ease;width:100%}.trust-badge-img:hover{transform:scale(1.02)}.trust-badge-text{color:#666;display:block;font-size:.8rem;font-weight:600;margin-top:.6rem;text-decoration:none;transition:color .3s ease}.trust-badge-text:hover{color:#2e8b57}.payment-success{padding:2rem;text-align:center}.success-logo{border-radius:50%;box-shadow:0 4px 15px #2e8b574d;height:80px;margin-bottom:1rem;width:80px}.success-icon{animation:successBounce .6s ease;font-size:4rem;margin-bottom:1rem}@keyframes successBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.payment-success h2{color:#2e8b57;font-size:2rem;font-weight:700;margin-bottom:1rem}.payment-success p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.user-details{background:#2e8b571a;border-left:4px solid #2e8b57;border-radius:10px;margin:1rem 0;padding:1rem}.user-details p{color:#333;font-size:1rem;margin:.5rem 0}.user-details strong{color:#2e8b57}.polling-status{background:#2e8b571a;border-radius:10px;margin-top:1rem;padding:1rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#2e8b57;height:30px;margin:0 auto .5rem;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.polling-status p{color:#2e8b57;font-weight:600;margin:0}.student-hub-dashboard{background:linear-gradient(135deg,#f8f9fa,#e9ecef);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.hub-header{background:#fff;box-shadow:0 2px 10px #0000001a;justify-content:space-between;padding:1.5rem 2rem}.hub-header,.logo-section{align-items:center;display:flex}.logo-section{gap:1rem}.hub-logo{border-radius:50%;height:50px;object-fit:cover;width:50px}.hub-title h1{color:#8b4513;font-size:1.8rem;font-weight:800;margin:0}.hub-title p{color:#666;font-size:.9rem;margin:0}.user-info{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:25px;display:flex;gap:.8rem;padding:.8rem 1.2rem}.user-info i{color:#2e8b57;font-size:1.5rem}.user-info span{color:#333;font-weight:600}.hub-content{margin:0 auto;max-width:1200px;padding:2rem}.welcome-header{margin-bottom:3rem;text-align:center}.welcome-header h1{color:#2e8b57;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.welcome-header p{color:#666;font-size:1.2rem;font-weight:500}.main-actions{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:3rem}.action-card{background:#fff;border:3px solid #0000;border-radius:20px;box-shadow:0 8px 25px #0000001a;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.action-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.struggle-card:before{background:linear-gradient(90deg,#ff6b6b,#ee5a6f)}.challenge-card:before{background:linear-gradient(90deg,gold,orange)}.action-card:hover{border-color:#2e8b57;box-shadow:0 15px 40px #00000026;transform:translateY(-8px)}.card-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.struggle-card .card-icon{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);box-shadow:0 6px 20px #ff6b6b4d}.challenge-card .card-icon{background:linear-gradient(135deg,gold,orange);box-shadow:0 6px 20px #ffd7004d}.card-content h3{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.card-content p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.card-content ul{list-style:none;margin-bottom:2rem;padding:0}.card-content li{align-items:center;color:#555;display:flex;font-size:1rem;gap:.8rem;margin-bottom:.8rem}.card-content li:before{background:linear-gradient(135deg,#2e8b57,#228b22);border-radius:50%;color:#fff;content:"✓";flex-shrink:0;font-size:.8rem;height:20px;width:20px}.action-btn,.card-content li:before{align-items:center;display:flex;font-weight:700;justify-content:center}.action-btn{border-radius:15px;font-size:1.1rem;gap:.8rem;overflow:hidden;padding:1.2rem 2rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-btn:hover:before{left:100%}.action-btn.primary{background:linear-gradient(135deg,#2e8b57,#228b22);box-shadow:0 8px 25px #2e8b5766}.action-btn.primary:hover{background:linear-gradient(135deg,#228b22,#1e7a1e);box-shadow:0 12px 35px #2e8b5799;transform:translateY(-4px) scale(1.02)}.action-btn.secondary{background:linear-gradient(135deg,#8b4513,sienna);box-shadow:0 8px 25px #8b451366;color:#fff}.action-btn.secondary:hover{background:linear-gradient(135deg,sienna,#8b4513);box-shadow:0 12px 35px #8b451399;transform:translateY(-4px) scale(1.02)}.action-btn:active{transform:translateY(-1px) scale(.98)}.hub-stats{grid-gap:1.5rem;background:#fff;border-radius:20px;box-shadow:0 4px 15px #0000001a;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:2rem}.stat-box{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;display:flex;gap:1rem;padding:1.5rem;transition:transform .3s ease}.stat-box:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-3px)}.stat-box i{color:#2e8b57;font-size:2.5rem}.stat-box div h4{color:#2e8b57;font-size:2rem;font-weight:800;margin:0}.stat-box div p{color:#666;font-size:.9rem;font-weight:600;margin:0}.coming-soon{background:#fff;border-radius:20px;box-shadow:0 8px 25px #0000001a;margin:2rem auto;max-width:600px;padding:4rem 2rem;text-align:center}.coming-soon i{color:orange;font-size:4rem;margin-bottom:1.5rem}.coming-soon h3{color:#333;font-size:2rem;font-weight:700;margin-bottom:1rem}.coming-soon p{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.btn-back{align-items:center;background:linear-gradient(135deg,#6c757d,#5a6268);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.8rem;padding:1rem 2rem;transition:all .3s ease}.btn-back:hover{background:linear-gradient(135deg,#5a6268,#495057);box-shadow:0 6px 20px #6c757d4d;transform:translateY(-2px)}.hub-footer{padding:2rem;text-align:center}.back-to-dashboard{align-items:center;background:linear-gradient(135deg,#2e8b57,#228b22);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.8rem;padding:1rem 2rem;transition:all .3s ease}.back-to-dashboard:hover{background:linear-gradient(135deg,#228b22,#1e7a1e);box-shadow:0 6px 20px #2e8b574d;transform:translateY(-2px)}.challenges-section h2,.post-struggle-section h2{color:#2e8b57;font-size:2rem;font-weight:800;margin-bottom:.5rem}.challenges-section p,.post-struggle-section p{color:#666;font-size:1.1rem;margin-bottom:2rem}@media (max-width:768px){.hub-header{background:linear-gradient(135deg,#8b4513,sienna);color:#fff;flex-direction:column;gap:1rem;padding:1rem}.hub-title h1{color:#fff;font-size:1.5rem}.hub-title p{color:#ffffffe6}.hub-content{padding:1rem}.welcome-header{background:#fff;border-radius:20px;box-shadow:0 8px 25px #0000001a;margin-bottom:2rem;padding:2rem 1rem}.welcome-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2e8b57,#8b4513);-webkit-background-clip:text;background-clip:text;font-size:1.8rem}.welcome-header p{font-size:1rem}.main-actions{gap:1.5rem;grid-template-columns:1fr}.action-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e0e0e0;border-radius:15px;padding:1.5rem}.challenge-card{background:#fff!important;border:2px solid #e0e0e0!important;box-shadow:0 8px 25px #0000001a!important;color:inherit!important}.challenge-card h3{color:#333!important;font-size:1.3rem!important;text-shadow:none!important}.challenge-card p{color:#666!important}.challenge-card li,.challenge-card p{font-weight:400!important;text-shadow:none!important}.challenge-card li{color:#555!important}.challenge-card .card-icon{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,gold,#ffed4e)!important;box-shadow:0 8px 25px #ffd70080!important;color:#333!important}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.action-card:hover{border-color:#2e8b57;box-shadow:0 10px 30px #2e8b5733;transform:translateY(-5px)}.challenge-card:hover{border-color:#2e8b57!important;box-shadow:0 10px 30px #2e8b5733!important;transform:translateY(-5px)!important}.card-icon{font-size:1.8rem;height:60px;margin:0 auto 1rem;width:60px}.card-content{text-align:center}.card-content h3{font-size:1.3rem;margin-bottom:.8rem}.card-content p{font-size:.9rem;margin-bottom:1rem}.card-content ul{margin-bottom:1.5rem;text-align:left}.card-content li{font-size:.85rem;margin-bottom:.5rem}.action-btn{border-radius:18px;font-size:.7rem;font-weight:800;min-width:220px;padding:1.2rem 2.5rem;text-shadow:0 1px 2px #0003;white-space:nowrap}.action-btn,.action-btn.primary{background:linear-gradient(135deg,#2e8b57,#228b22 50%,#32cd32);box-shadow:0 10px 30px #2e8b5780}.action-btn.secondary{background:linear-gradient(135deg,gold,#ffed4e 50%,#fff59d)!important;border:2px solid #fff!important;box-shadow:0 10px 30px #ffd70099!important;color:#333!important;font-weight:900!important;text-shadow:none!important}.action-btn.secondary:hover{background:linear-gradient(135deg,#ffed4e,#fff59d 50%,gold)!important;box-shadow:0 20px 45px #ffd700cc!important;transform:translateY(-6px) scale(1.05)!important}.action-btn:hover{box-shadow:0 15px 40px #2e8b57b3;transform:translateY(-5px) scale(1.03)}.action-btn.secondary:hover{box-shadow:0 15px 40px #8b4513b3}.hub-stats{border-radius:15px;gap:1rem;grid-template-columns:repeat(2,1fr);padding:1.5rem}.stat-box{background:linear-gradient(135deg,#f0f8f0,#e8f5e9);border-radius:12px;flex-direction:column;padding:1rem;text-align:center}.stat-box:hover{transform:translateY(-2px)}.stat-box i{font-size:1.8rem}.stat-box div h4{font-size:1.5rem}.stat-box div p{font-size:.8rem}.coming-soon{border-radius:15px;padding:2rem 1rem}.coming-soon i{font-size:2.5rem}.coming-soon h3{font-size:1.4rem}.coming-soon p{font-size:1rem}}@media (max-width:480px){.hub-stats{gap:.8rem;grid-template-columns:1fr}.action-card{padding:1.2rem}.card-content h3{font-size:1.2rem}.card-content p{font-size:.85rem}.card-content li{font-size:.8rem}.action-btn{border-radius:16px;box-shadow:0 8px 25px #2e8b5799;font-size:.65rem;font-weight:800;min-width:200px;padding:1.1rem 2rem;text-shadow:0 1px 2px #0000004d;white-space:nowrap}.action-btn,.action-btn.primary{background:linear-gradient(135deg,#2e8b57,#228b22 50%,#32cd32)}.action-btn.secondary{background:linear-gradient(135deg,#8b4513,sienna 50%,peru)}.welcome-header{padding:1.5rem .8rem}.welcome-header h1{font-size:1.5rem}.stat-box{padding:.8rem}.stat-box i{font-size:1.5rem}.stat-box div h4{font-size:1.3rem}}.struggle-form{background:#fff;border-radius:20px;box-shadow:0 8px 25px #0000001a;padding:2rem}.form-group label{color:#333;font-size:1rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:.8rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2e8b57;box-shadow:0 0 0 3px #2e8b571a;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn-submit{align-items:center;background:linear-gradient(135deg,#2e8b57,#228b22);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.8rem;padding:1rem 2rem;transition:all .3s ease}.btn-submit:hover{background:linear-gradient(135deg,#228b22,#1e7a1e);box-shadow:0 6px 20px #2e8b574d;transform:translateY(-2px)}@media (max-width:768px){.post-struggle-container{grid-template-columns:1fr}.phone-mockup{display:none}.struggle-form{margin:0 1rem;padding:1.5rem}.form-actions{flex-direction:column}.form-actions button{width:100%}}.post-struggle-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 350px;margin:0 auto;max-width:1200px}.phone-mockup{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:2rem}.phone-frame{background:#333;border-radius:30px;box-shadow:0 10px 30px #0000004d;height:600px;padding:20px;position:relative;width:300px}.phone-frame:before{background:#666;border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:10px;transform:translateX(-50%);width:60px}.phone-screen{background:#fff;border-radius:20px;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.phone-header{background:linear-gradient(135deg,#2e8b57,#228b22);color:#fff;padding:1rem;text-align:center}.phone-header h4{font-size:1rem;font-weight:600;margin:0}.struggles-list{flex:1 1;overflow-y:auto;padding:.5rem}.struggle-item{background:#f8f9fa;border-left:3px solid #2e8b57;border-radius:10px;margin-bottom:.5rem;padding:.8rem}.struggle-lang{background:#2e8b57;border-radius:10px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;margin-bottom:.3rem;padding:.2rem .5rem}.struggle-item h5{color:#333;font-size:.8rem;font-weight:600;margin:0 0 .3rem}.struggle-item p{color:#666;font-size:.7rem;line-height:1.3;margin:0 0 .3rem}.struggle-meta{color:#999;font-size:.6rem;font-weight:500}@media (max-width:1024px){.post-struggle-container{grid-template-columns:1fr}.phone-mockup{display:none}}.hub-main-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 350px;margin:0 auto;max-width:1200px}@media (max-width:1024px){.hub-main-container{grid-template-columns:1fr}.phone-mockup{display:none}}.no-struggles{color:#999;padding:2rem 1rem;text-align:center}.no-struggles p{font-size:.8rem;margin:0}.solution-btn{background:linear-gradient(135deg,#2e8b57,#228b22);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.65rem;font-weight:600;margin-top:.5rem;padding:.4rem .8rem;transition:all .3s ease;width:100%}.solution-btn:hover{background:linear-gradient(135deg,#228b22,#1e7a1e);transform:translateY(-1px)}.auto-delete-notice{color:#fffc;font-size:.6rem;font-weight:500;margin:.2rem 0 0}.char-count{color:#666;font-size:.8rem;font-weight:500;margin-top:.3rem;text-align:right}.solution-modal-overlay{align-items:center;background:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:3000}.solution-modal{background:#fff;border-radius:15px;max-height:80vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.solution-modal h3{color:#2e8b57;font-size:1.2rem;margin:0 0 1rem}.existing-solutions{border:1px solid #e0e0e0;border-radius:10px;margin-bottom:1rem;max-height:200px;overflow-y:auto;padding:1rem}.solution-item{background:#f8f9fa;border-left:3px solid #2e8b57;border-radius:8px;margin-bottom:.5rem;padding:.8rem}.solution-item p{color:#333;font-size:.9rem;margin:0 0 .3rem}.solution-time{color:#666;font-size:.7rem}.no-solutions{color:#999;font-style:italic;text-align:center}.solution-input-section textarea{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-family:inherit;padding:.8rem;resize:vertical;width:100%}.solution-actions{display:flex;gap:1rem;margin-top:1rem}.cancel-btn{flex:1 1;padding:.8rem 1.5rem}.submit-btn{background:linear-gradient(135deg,#2e8b57,#228b22);border-radius:8px;color:#fff;flex:1 1}.screenshot-link{background:#e3f2fd;border:1px solid #1976d2;border-radius:6px;color:#1976d2;cursor:pointer;display:inline-block;font-size:.65rem;font-weight:600;margin:.3rem 0;padding:.3rem .5rem;transition:all .3s ease}.screenshot-link:hover{background:#1976d2;color:#fff}.mobile-only{display:none}.desktop-only{display:block}@media (max-width:768px){.mobile-only{display:block;margin-bottom:2rem}.mobile-only .phone-frame{height:350px;padding:15px;width:200px}.mobile-only .phone-header h4,.mobile-only .phone-screen{font-size:.8rem}.mobile-only .auto-delete-notice{font-size:.5rem}.mobile-only .struggle-item{margin-bottom:.3rem;padding:.5rem}.mobile-only .struggle-lang{font-size:.6rem;padding:.1rem .3rem}.mobile-only .struggle-item h5{font-size:.7rem}.mobile-only .struggle-item p{font-size:.6rem}.mobile-only .solution-btn{font-size:.55rem;padding:.3rem .6rem}.desktop-only{display:none}}.challenges-container{background:#fff;border:2px solid gold;border-radius:20px;box-shadow:0 8px 25px #0000001a;margin:2rem 0;padding:3rem 2rem;text-align:center}@media (max-width:768px){.challenges-section{padding:1rem}.challenges-section h2{font-size:1.5rem;margin-bottom:1rem;text-align:center}.challenges-section p{font-size:1rem;margin-bottom:1.5rem;text-align:center}.challenges-container{border-radius:15px;margin:1rem 0;padding:1.5rem 1rem}.challenge-card{border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-bottom:1rem;padding:1rem}.challenge-header{align-items:flex-start;flex-direction:column;gap:.5rem}.challenge-header h3{font-size:1.1rem}.challenge-date{font-size:.75rem;padding:.2rem .6rem}.challenge-content p{font-size:.9rem;line-height:1.5}.no-challenges{background:#fff;border:2px solid #e0e0e0;margin:1rem 0;padding:2rem 1rem}.no-challenges i{color:#2e8b57;font-size:3rem!important}.no-challenges h3{color:#2e8b57;font-size:1.3rem!important;margin-bottom:1rem}.no-challenges p{color:#666;font-size:.9rem!important;margin-bottom:1.5rem}.solve-btn{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:700;margin:.3rem;min-width:140px;padding:1rem .8rem}.btn-back,.solve-btn{justify-content:center}.btn-back{margin-top:2rem;width:100%}}.no-challenges{background:#fff;border:2px solid #e0e0e0;border-radius:20px;box-shadow:0 8px 25px #0000001a;margin:0 auto;max-width:600px;padding:3rem 2rem}.no-challenges i{color:#2e8b57;font-size:4rem;margin-bottom:1.5rem}.no-challenges h3{color:#2e8b57;font-size:2rem;font-weight:700;margin-bottom:1rem}.no-challenges p{color:#666;font-size:1.1rem;font-weight:500;line-height:1.6;margin-bottom:2rem}.challenge-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:1.5rem;padding:1.5rem;position:relative;transition:all .3s ease}.challenge-card:hover{border-color:#2e8b57;box-shadow:0 8px 20px #00000026;transform:translateY(-3px)}.challenge-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.challenge-header h3{color:#2e8b57;font-size:1.3rem;font-weight:700;margin:0}.challenge-date{background:#e8f5e9;border-radius:15px;color:#2e8b57;font-size:.85rem;font-weight:600;padding:.3rem .8rem}.challenge-content{margin-bottom:1.5rem}.challenge-content p{color:#555;font-size:1rem;line-height:1.6}.challenge-actions{text-align:center}.solve-btn{align-items:center;background:linear-gradient(135deg,gold,#ffed4e);border:3px solid #fff;border-radius:15px;box-shadow:0 8px 25px #ffd70066;color:#333;cursor:pointer;display:inline-flex;font-weight:800;gap:.5rem;letter-spacing:.5px;margin:.5rem;overflow:hidden;padding:1rem 2rem;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.solve-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.solve-btn:hover:before{left:100%}.solve-btn:hover{background:linear-gradient(135deg,#ffed4e,#fff59d);border-color:#fff;box-shadow:0 15px 35px #ffd70099;transform:translateY(-5px) scale(1.05)}.visitor-dashboard{background:#fff;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.sidebar{background:#f5f5f5!important;box-shadow:2px 0 10px #0000001a;color:#333;overflow-y:auto;transition:transform .3s ease;width:260px}.sidebar-header{border-bottom:1px solid #e0e0e0;padding:1.5rem}.sidebar-header h2{margin:0}.close-sidebar,.sidebar-header h2{color:#2e8b57;font-size:1.5rem}.sidebar-nav{padding:1rem 0}.sidebar-nav button{background:#fff!important;border:1px solid #e0e0e0;border-radius:8px;color:#000!important;font-size:1.1rem;font-weight:700;margin:.3rem .8rem;padding:1rem 1.5rem}.sidebar-nav button:hover{transform:translateX(5px)}.sidebar-nav button.active,.sidebar-nav button:hover{background:#2e8b57!important;border-color:#2e8b57;box-shadow:0 2px 8px #2e8b574d;color:#fff!important}.sidebar-footer{border-top:1px solid #e0e0e0;margin-top:auto;padding:.8rem}.logout-btn{background:#dc3545!important;border-radius:8px;color:#fff!important;font-size:1rem;font-weight:600;gap:1rem;margin:0;padding:1rem 1.5rem;text-align:left}.logout-btn:hover{background:#c82333!important;transform:translateX(5px)}.logout-btn i{font-size:1.2rem}.main-content{margin-left:260px}.top-bar{background:#f5f5f5!important;box-shadow:0 2px 8px #0000001a;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.hamburger{color:#2e8b57;font-size:1.5rem}.join-btn{background:linear-gradient(135deg,#2e8b57,#228b22);border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.7rem 1.5rem}.join-btn:hover{box-shadow:0 4px 12px #2e8b574d}.notifications{color:#2e8b57;cursor:pointer;font-size:1.3rem;position:relative}.badge{background:#dc3545;border-radius:50%;color:#fff;font-size:.7rem;height:18px;justify-content:center;position:absolute;right:-8px;top:-8px;width:18px}.badge,.profile-dropdown{align-items:center;display:flex}.profile-dropdown{background:#fff;border:1px solid #d0d0d0;border-radius:8px;color:#333;cursor:pointer;gap:.5rem;padding:.5rem 1rem}.profile-dropdown i{color:#2e8b57;font-size:2rem}.hero-banner{background:linear-gradient(135deg,#2e8b57,#228b22);border-radius:15px;box-shadow:0 4px 15px #2e8b574d;color:#fff;margin-bottom:2rem;padding:3rem 2rem;text-align:center}.hero-banner h1{font-size:2.5rem;margin-bottom:1rem}.hero-banner p{font-size:1.2rem;margin-bottom:1.5rem}.cta-btn{background:#fff;border:none;border-radius:8px;color:#2e8b57;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.cta-btn:hover{box-shadow:0 6px 20px #ffffff4d;transform:translateY(-3px)}.highlight-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.highlight-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease}.highlight-card:hover{transform:translateY(-5px)}.highlight-card i{color:#2e8b57;font-size:3rem;margin-bottom:1rem}.highlight-card h3{color:#333;margin-bottom:.5rem}.highlight-card p{color:#666;font-size:1.1rem}.featured-section h2,.section-subtitle{color:#2e8b57;margin-bottom:1.5rem}.projects-section h1{white-space:nowrap}.knowledge-warning-banner{align-items:start;animation:warningPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:6px solid #dc3545;border-radius:12px;box-shadow:0 4px 15px #dc35454d;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}@keyframes warningPulse{0%,to{box-shadow:0 4px 15px #dc35454d}50%{box-shadow:0 6px 20px #dc354580}}.knowledge-warning-banner i{color:#dc3545;flex-shrink:0;font-size:2.5rem;margin-top:.3rem}.knowledge-warning-banner h3{color:#721c24;font-size:1.3rem;font-weight:800;margin:0 0 .8rem}.knowledge-warning-banner p{color:#856404;font-size:.95rem;line-height:1.6;margin:.5rem 0}.knowledge-warning-banner strong{color:#721c24;font-weight:700}.section-subtitle{color:#666;font-size:1.1rem;margin-bottom:2rem;margin-top:-1rem}.programs-preview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.program-preview-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:2rem;transition:transform .3s ease}.program-preview-card:hover{transform:translateY(-5px)}.program-icon{font-size:3rem;margin-bottom:1rem}.program-preview-card h3{color:#333;margin-bottom:.5rem}.tag{background:#e8f5e9;border-radius:20px;color:#2e8b57;display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:1rem;padding:.3rem .8rem}.program-preview-card p{color:#666;margin-bottom:1.5rem}.btn-outline{background:#fff;border:2px solid #2e8b57;border-radius:8px;color:#2e8b57;cursor:pointer;font-weight:600;padding:.7rem 1.5rem;transition:all .3s ease}.btn-outline:hover{background:#2e8b57;color:#fff}.btn-primary{background:linear-gradient(135deg,#2e8b57,#228b22);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.7rem 1.5rem;transition:all .3s ease}.btn-primary:hover{box-shadow:0 4px 12px #2e8b574d;transform:translateY(-2px)}.programs-grid,.projects-grid,.resources-grid,.stories-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.program-card,.project-card,.resource-card-visitor,.story-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:2rem;transition:transform .3s ease}.program-card:hover,.project-card:hover,.resource-card-visitor:hover,.story-card:hover{transform:translateY(-5px)}.program-icon-large,.project-icon-large{font-size:4rem;margin-bottom:1rem}.program-card h3,.project-card h3,.story-card h3{color:#333;margin-bottom:1rem}.program-card p,.project-card p,.story-card p{color:#666;margin-bottom:1.5rem}.card-actions{display:flex;gap:1rem}.project-photo{border-radius:12px;height:200px;margin-bottom:1rem;overflow:hidden;width:100%}.project-photo img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-photo img{transform:scale(1.05)}.project-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:1rem}.status-badge{font-size:.85rem;padding:.4rem .8rem}.status-badge.active{align-items:center;display:flex;gap:.4rem}.status-badge.active:before{content:"\2713";font-size:1rem;font-weight:700}.status-badge.ongoing{background:#fff3cd;color:#856404}.status-badge.in.progress{align-items:center;background:#cfe2ff;color:#084298;display:flex;gap:.4rem}.status-badge.in.progress:before{content:"\2713";font-size:1rem;font-weight:700}.safe-vision{background:linear-gradient(135deg,#084298,#0a58ca);box-shadow:0 4px 15px #0842984d}.fix-corner,.safe-vision{animation:pulse 2s ease-in-out infinite;border-radius:10px;color:#fff;font-size:1.1rem;font-weight:700;padding:1rem 1.5rem;text-align:center}.fix-corner{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 4px 15px #6c757d4d}.web-hub{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#7952b3,#5a32a3);border-radius:10px;box-shadow:0 4px 15px #7952b34d;color:#fff;font-size:1.1rem;font-weight:700;padding:1rem 1.5rem;text-align:center}.knowledge-grid,.partners-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ai-hero-banner{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);border-radius:20px;box-shadow:0 10px 40px #667eea66;color:#fff;margin-bottom:3rem;overflow:hidden;padding:3rem 2rem;position:relative}.ai-hero-banner:before{animation:aiGlow 8s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes aiGlow{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-20px,-20px) scale(1.1)}}.ai-hero-banner h1{animation:fadeInDown 1s ease;font-size:2.5rem;margin-bottom:1.5rem;position:relative;text-shadow:2px 2px 4px #0000004d;z-index:1}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.ai-intro-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;padding:2rem;position:relative;z-index:1}.ai-intro-content p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;text-shadow:1px 1px 2px #0003}.ai-intro-content strong{color:gold;font-weight:800}.ai-cta-text{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ffd7004d,#ff69b44d);border-radius:10px;font-size:1.2rem;font-weight:600;margin-top:2rem;padding:1.5rem;text-align:center}.ai-lab-banner{animation:slideInUp .8s ease;background:linear-gradient(135deg,#00d2ff,#3a7bd5);border-radius:15px;box-shadow:0 8px 25px #00d2ff4d;color:#fff;margin-bottom:2rem;padding:2rem;text-align:center}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ai-lab-banner h2{font-size:1.8rem;margin:0 0 1rem}.ai-lab-banner p{font-size:1.1rem;line-height:1.6;margin:0}.ai-tools-heading{color:#667eea;font-size:2rem;margin-bottom:2rem;text-align:center;text-shadow:2px 2px 4px #0000001a}.aitool-card{overflow:hidden;position:relative}.aitool-card:before{background:linear-gradient(90deg,#0000,#667eea33,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.aitool-card:hover:before{left:100%}.aitool-card h3{font-size:1.3rem;margin-bottom:1rem}.tool-purpose{color:#555;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.tool-tech{background:linear-gradient(135deg,#e0f7fa,#e1bee7);border-left:4px solid #667eea;border-radius:8px;color:#4a148c;font-size:.85rem;font-weight:600;margin-bottom:1.5rem;padding:.8rem}.chatbot-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.chatbot-modal{animation:slideUp .4s ease;background:#fff;border-radius:15px;bottom:20px;box-shadow:0 10px 40px #667eea80;display:flex;flex-direction:column;height:500px;overflow:hidden;position:fixed;right:20px;width:350px;z-index:2001}.chatbot-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:3px solid gold;color:#fff;justify-content:space-between;padding:1rem 1.5rem}.chatbot-header,.chatbot-title{align-items:center;display:flex}.chatbot-title{gap:1rem}.chatbot-title i{animation:bounce 2s ease-in-out infinite;font-size:2rem}.chatbot-title h3{font-size:1.1rem;margin:0 0 .3rem;text-shadow:2px 2px 4px #0000004d}.chatbot-status{align-items:center;display:flex;font-size:.75rem;gap:.3rem;opacity:.95}@media (max-width:768px){.chatbot-status{align-items:flex-start;flex-direction:column;gap:.2rem}.powered-by{display:block}}.chatbot-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.chatbot-close:hover{background:#ffffff4d;transform:rotate(90deg)}.chatbot-body{align-items:center;background:#f5f7fa;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;overflow:hidden;padding-top:2rem}.chatbot-logo{animation:logoFloat 3s ease-in-out infinite;border-radius:50%;box-shadow:0 4px 15px #667eea4d;height:120px;margin-bottom:1.5rem;object-fit:contain;width:120px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.chatbot-body df-messenger{flex:1 1;width:100%}.chatbot-footer{background:linear-gradient(135deg,#e0f7fa,#e1bee7);border-top:2px solid #667eea;padding:.8rem;text-align:center}.chatbot-footer p{color:#4a148c;font-size:.85rem;font-weight:600;margin:0}.creative-ai-modal{animation:slideUp .4s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #667eea99;display:flex;flex-direction:column;left:50%;max-height:85vh;max-width:600px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:2001}.creative-ai-body{background:#f5f7fa;flex:1 1;overflow-y:auto;padding:1.5rem}.creative-input-section{margin-bottom:1.5rem}.creative-input-section label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:.8rem}.creative-input-section textarea{border:2px solid #667eea;border-radius:10px;font-family:inherit;font-size:.95rem;margin-bottom:1rem;padding:1rem;resize:vertical;transition:border-color .3s ease;width:100%}.creative-input-section textarea:focus{border-color:#764ba2;outline:none}.generate-btn{background:linear-gradient(135deg,#667eea,#764ba2);font-size:1.1rem;padding:1rem;transition:all .3s ease;width:100%}.generate-btn:disabled{cursor:not-allowed;opacity:.6}.creative-output-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.creative-output-section h4{color:#667eea;font-size:1.1rem;margin:0 0 1rem}.generated-content{color:#333;font-size:.95rem;line-height:1.8;white-space:pre-wrap}.generated-image{border-radius:12px;box-shadow:0 4px 15px #0003;display:block;height:auto;margin:0 auto;max-width:512px;width:100%}.generated-code{word-wrap:break-word;background:#1e1e1e;border-radius:8px;color:#d4d4d4;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;overflow-x:auto;padding:1.5rem;white-space:pre-wrap}@media (max-width:768px){.creative-ai-modal{max-height:90vh;width:95%}.creative-ai-body{padding:1rem}}.ai-feedback-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;bottom:20px;box-shadow:0 10px 40px #667eea80;overflow:hidden;position:fixed;right:20px;transform:translateY(400px);transition:transform .5s ease;width:320px;z-index:1000}.ai-feedback-box.show{transform:translateY(0)}.ai-feedback-header{align-items:center;background:#0003;color:#fff;display:flex;font-weight:700;justify-content:space-between;padding:1rem}.close-feedback{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;transition:transform .3s ease}.close-feedback:hover{transform:rotate(90deg)}.ai-feedback-content{color:#fff;padding:1.5rem}.ai-typing{animation:fadeIn .5s ease;font-size:.95rem;line-height:1.6;margin:0}.aitools-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.aitool-card,.knowledge-card,.partner-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:2rem;text-align:center;transition:transform .3s ease}.aitool-card:hover,.knowledge-card:hover,.partner-card:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-5px)}.aitool-card i,.knowledge-card i{color:#2e8b57;font-size:3rem;margin-bottom:1rem}.partner-logo{font-size:4rem;margin-bottom:1rem}.partner-image{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;height:150px;justify-content:center;margin-bottom:1rem;overflow:hidden;padding:1rem;width:100%}.partner-image img{height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.partner-card:hover .partner-image img{transform:scale(1.1)}.partner-cta-section{margin-top:3rem;padding:2rem;text-align:center}.partner-with-us-btn{align-items:center;animation:partnerPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50px;box-shadow:0 8px 25px #25d36666;color:#fff;display:inline-flex;font-size:1.3rem;font-weight:700;gap:.8rem;padding:1.2rem 3rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.partner-with-us-btn:hover{animation:none;box-shadow:0 12px 35px #25d36699;transform:translateY(-5px) scale(1.05)}.partner-with-us-btn i{font-size:1.8rem}@keyframes partnerPulse{0%,to{box-shadow:0 8px 25px #25d36666}50%{box-shadow:0 12px 35px #25d36699}}.aitool-card h3,.knowledge-card h3,.partner-card h3{color:#333;margin-bottom:1rem}.aitool-card p,.knowledge-card p,.partner-card p{color:#666;margin-bottom:1.5rem}.knowledge-subsection{margin-bottom:3rem}.knowledge-subsection h2{align-items:center;color:#2e8b57;display:flex;font-size:1.5rem;gap:.5rem;margin-bottom:1.5rem}.ebooks-grid,.tutorials-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ebook-card,.tutorial-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;padding:1.5rem;transition:transform .3s ease}.ebook-card:hover,.tutorial-card:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-5px)}.ebook-card i{color:#2e8b57;font-size:2.5rem;margin-bottom:1rem}.ebook-card h3{color:#333;font-size:1.1rem;margin-bottom:.5rem}.ebook-card .author{color:#666;font-size:.9rem;font-style:italic;margin-bottom:.5rem}.ebook-card .desc{color:#777;flex:1 1;font-size:.9rem;margin-bottom:1rem}.ebook-card .btn-primary{display:inline-block;text-align:center;text-decoration:none}.tutorial-card .video-wrapper{border-radius:8px;height:0;margin-bottom:1rem;overflow:hidden;padding-bottom:56.25%;position:relative}.tutorial-card .video-wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}.tutorial-card h3{color:#333;margin-bottom:.5rem}.tutorial-card p{color:#666;font-size:.9rem}.status-badge.completed{background:#d1ecf1;color:#0c5460}.project-meta{color:#666;display:flex;font-size:.9rem;gap:1rem;margin-bottom:1.5rem}.stay-connected{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#2e8b57,#228b22);border-radius:10px;box-shadow:0 4px 15px #2e8b574d;color:#fff;font-size:1.1rem;font-weight:700;padding:1rem 1.5rem;text-align:center}@keyframes pulse{0%,to{box-shadow:0 4px 15px #2e8b574d;transform:scale(1)}50%{box-shadow:0 6px 20px #2e8b5780;transform:scale(1.02)}}.events-section-fullpage{display:flex;flex-direction:column;height:calc(100vh - 150px)}.events-section-fullpage h1{margin-bottom:.5rem;white-space:nowrap}.events-section-fullpage .section-subtitle{margin-bottom:1rem}.event-info-banner{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid #2196f3;border-radius:10px;box-shadow:0 2px 8px #2196f333;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.event-info-banner i{color:#2196f3;flex-shrink:0;font-size:1.5rem}.event-info-banner p{color:#1565c0;font-size:.95rem;line-height:1.5;margin:0}.event-info-banner strong{color:#0d47a1}.calendar-container{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;flex:1 1;min-height:600px;overflow:hidden}.calendar-container iframe{display:block;margin:0 auto}.events-list{display:flex;flex-direction:column;gap:1.5rem}.event-card-visitor{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;gap:1.5rem;padding:1.5rem}.event-date-badge{background:#2e8b57;border-radius:10px;color:#fff;min-width:80px;padding:1rem;text-align:center}.event-date-badge .day{display:block;font-size:2rem;font-weight:700}.event-date-badge .month{display:block;font-size:.9rem;text-transform:uppercase}.event-info{flex:1 1}.event-info h3{color:#333;margin-bottom:.5rem}.event-info p{color:#666;margin:.3rem 0}.event-actions{display:flex;gap:1rem}.story-avatar{font-size:4rem;margin-bottom:1rem;text-align:center}.story-card p{color:#555;font-style:italic}.submit-story{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-top:2rem;padding:2rem;text-align:center}.resource-card-visitor i,.submit-story h3{color:#2e8b57;margin-bottom:1rem}.resource-card-visitor i{font-size:3rem}.resource-meta{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.category-badge,.type-badge{border-radius:20px;font-size:.85rem;font-weight:600;padding:.3rem .8rem}.type-badge{background:#e3f2fd;color:#1976d2}.category-badge{background:#f3e5f5;color:#7b1fa2}.visitor-profile-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:500px;padding:2rem;text-align:center}.profile-avatar{color:#2e8b57;font-size:5rem;margin-bottom:1rem}.visitor-profile-card h2{color:#333;margin-bottom:.5rem}.visitor-profile-card p{color:#666;margin-bottom:2rem}.profile-actions{display:flex;flex-direction:column;gap:1rem}.profile-btn{align-items:center;background:#fff;border:2px solid #2e8b57;border-radius:8px;color:#2e8b57;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease}.profile-btn:hover{background:#2e8b57;color:#fff}.upgrade-btn{align-items:center;background:linear-gradient(135deg,gold,orange);border:none;border-radius:8px;color:#333;cursor:pointer;display:flex;font-weight:700;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease}.upgrade-btn:hover{box-shadow:0 4px 12px #ffd70066;transform:translateY(-2px)}@media (max-width:768px){.ebook-card{align-items:center}.ebook-card .btn-primary{align-self:center}.knowledge-warning-banner{flex-direction:column;padding:1.5rem 1rem;text-align:center}.knowledge-warning-banner i{font-size:2rem}.knowledge-warning-banner h3{font-size:1.1rem}.knowledge-warning-banner p{font-size:.85rem}.events-section-fullpage{height:calc(100vh - 120px)}.events-section-fullpage h1{font-size:1.3rem}.event-info-banner{flex-direction:column;padding:1rem;text-align:center}.event-info-banner p{font-size:.9rem}.calendar-container{min-height:500px}.projects-section h1{font-size:1.5rem}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.close-sidebar{display:block}.main-content{margin-left:0}.hamburger{display:block}.content-area{padding:1rem}.hero-banner{padding:2rem 1rem}.hero-banner h1{font-size:1.8rem}.aitools-grid,.ebooks-grid,.highlight-cards,.partners-grid,.programs-grid,.programs-preview,.projects-grid,.resources-grid,.stories-grid,.tutorials-grid{grid-template-columns:1fr}.partner-image{height:120px;padding:.5rem}.partner-cta-section{margin-top:2rem;padding:1rem}.partner-with-us-btn{font-size:1rem;gap:.5rem;padding:1rem 2rem}.partner-with-us-btn i{font-size:1.3rem}.ai-hero-banner{padding:2rem 1rem}.ai-hero-banner h1{font-size:1.8rem}.ai-intro-content{padding:1.5rem}.ai-intro-content p{font-size:.95rem}.ai-cta-text{font-size:1rem;padding:1rem}.ai-lab-banner{padding:1.5rem 1rem}.ai-lab-banner h2{font-size:1.3rem}.ai-lab-banner p{font-size:.9rem}.ai-tools-heading{font-size:1.5rem}.aitool-card h3{font-size:1.1rem}.tool-purpose{font-size:.9rem}.tool-tech{font-size:.8rem;padding:.6rem}.ai-feedback-box{left:20px;right:20px;width:calc(100% - 40px)}.ai-feedback-content{padding:1rem}.ai-typing{font-size:.85rem}.chatbot-modal{bottom:10px;height:450px;max-width:350px;right:10px;width:90%}.chatbot-header{padding:1rem}.chatbot-title i{font-size:2rem}.chatbot-title h3{font-size:1rem}.chatbot-status{font-size:.7rem}.chatbot-footer p{font-size:.8rem}.event-card-visitor{flex-direction:column;text-align:center}.event-actions{width:100%}.card-actions,.event-actions{flex-direction:column}.join-btn{display:none}}.program-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.program-modal{animation:slideUp .4s ease;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-close{background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:40px;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px;z-index:10}.modal-close:hover{background:#dc3545;transform:rotate(90deg)}.modal-header{background:linear-gradient(135deg,#2e8b57,#228b22);border-radius:20px 20px 0 0;color:#fff;padding:3rem 2rem 2rem;position:relative;text-align:center}.modal-icon{animation:bounce 1s ease infinite;font-size:5rem;margin-bottom:1rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.modal-header h2{font-size:2rem;margin:0 0 .5rem}.modal-tag{background:#fff3;border-radius:20px;display:inline-block;font-size:.9rem;font-weight:600;padding:.4rem 1rem}.modal-body{padding:2rem}.modal-section{margin-bottom:2rem}.modal-section h3{align-items:center;color:#2e8b57;display:flex;font-size:1.3rem;gap:.5rem;margin-bottom:1rem}.modal-section p{color:#555;font-size:1rem;line-height:1.8}.objectives-list{list-style:none;padding:0}.objectives-list li{align-items:start;background:#f8f9fa;border-radius:10px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;transition:all .3s ease}.objectives-list li:hover{background:#e8f5e9;transform:translateX(5px)}.objectives-list i{color:#2e8b57;font-size:1.3rem;margin-top:.2rem}.modal-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-item{align-items:center;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:transform .3s ease}.stat-item:hover{transform:translateY(-5px)}.stat-item i{color:#2e8b57;font-size:2.5rem}.stat-item h4{color:#2e8b57;font-size:.9rem;margin:0 0 .3rem;text-transform:uppercase}.stat-item p{color:#333;font-size:.95rem;font-weight:600;margin:0}.modal-actions{border-top:2px solid #e0e0e0;display:flex;gap:1rem;padding-top:1rem}.modal-actions .btn-outline,.modal-actions .btn-primary{flex:1 1;text-align:center}@media (max-width:768px){.program-modal{max-height:95vh;width:95%}.modal-header{padding:2.5rem 1.5rem 1.5rem}.modal-icon{font-size:4rem}.modal-header h2{font-size:1.5rem}.modal-body{padding:1.5rem}.modal-stats{gap:1rem;grid-template-columns:1fr}.modal-actions{flex-direction:column}.objectives-list li{padding:.8rem}}.creative-input-section input,.creative-input-section select{border:2px solid #667eea;border-radius:10px;font-family:inherit;font-size:.95rem;margin-bottom:1rem;padding:1rem;transition:border-color .3s ease;width:100%}.creative-input-section input:focus,.creative-input-section select:focus{border-color:#764ba2;outline:none}.career-recommendations{display:flex;flex-direction:column;gap:1rem}.career-card{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:4px solid #2e8b57;border-radius:12px;padding:1.5rem;transition:transform .3s ease}.career-card:hover{box-shadow:0 4px 15px #2e8b574d;transform:translateX(5px)}.career-card h5{color:#2e8b57;font-size:1.2rem;margin:0 0 .8rem}.career-card p{color:#555;line-height:1.6;margin:.5rem 0}.career-card strong{color:#333;font-weight:700}.elearning-dashboard{background:#f8f9fa;color:#333;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.sidebar{background:#fff;border-right:2px solid #e2e8f0;box-shadow:4px 0 20px #0000001a;display:flex;flex-direction:column;height:100vh;position:fixed;width:280px;z-index:1000}.sidebar-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding:2rem 1.5rem}.logo-container{align-items:center;display:flex;gap:1rem}.sidebar-logo{border:2px solid #00d9ff;border-radius:50%;height:45px;width:45px}.logo-text{color:#2d3748;font-size:1.5rem;font-weight:800;letter-spacing:2px;text-transform:uppercase}.close-sidebar{background:none;border:none;color:#2d3748;cursor:pointer;display:none;font-size:2rem}.sidebar-nav{flex:1 1;overflow-y:auto;padding:2rem 0}.sidebar-nav button{align-items:center;background:none;border:none;border-left:4px solid #0000;color:#4a5568;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:1rem;padding:1.2rem 1.5rem;text-align:left;transition:all .3s ease;width:100%}.sidebar-nav button i{font-size:1.2rem;width:25px}.sidebar-nav button:hover{background:#f7fafc;border-left-color:#4299e1;color:#2d3748}.sidebar-nav button.active{background:#edf2f7;border-left-color:#4299e1;color:#2d3748}.sidebar-footer{border-top:2px solid #e2e8f0;padding:1.5rem}.logout-btn{align-items:center;background:#e53e3e;border-radius:10px;display:flex;font-weight:700;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.logout-btn:hover{box-shadow:0 6px 20px #e53e3e66;transform:translateY(-2px)}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:280px}.top-bar{align-items:center;background:#fff;border-bottom:2px solid #e2e8f0;box-shadow:0 4px 15px #0000001a;display:flex;justify-content:space-between;padding:1.5rem 2rem}.hamburger{background:none;border:none;color:#2d3748;cursor:pointer;display:none;font-size:1.8rem}.header-right{gap:1.5rem}.header-right,.profile-info{align-items:center;display:flex}.profile-info{background:#f7fafc;border:2px solid #e2e8f0;border-radius:50px;gap:.8rem;padding:.8rem 1.5rem}.profile-info i{color:#4299e1;font-size:1.5rem}.content-area{flex:1 1;overflow-y:auto;padding:2rem}.system-alerts{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.alert-card{background:#fff;border-left:4px solid;border-radius:15px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.alert-card:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-3px)}.alert-card.info{background:linear-gradient(135deg,#00d9ff0d,#00ff880d);border-left-color:#00d9ff}.alert-card.success{background:linear-gradient(135deg,#00ff880d,#00d9ff0d);border-left-color:#0f8}.alert-card.warning{background:linear-gradient(135deg,#ffc1070d,#ff98000d);border-left-color:#ffc107}.alert-icon{flex-shrink:0;font-size:2.5rem}.alert-content h3{color:#0f0f1e;font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.alert-content p{color:#555;font-size:.95rem;line-height:1.5;margin:0 0 1rem}.alert-btn{background:linear-gradient(135deg,#00d9ff,#0f8);border:none;border-radius:10px;color:#0f0f1e;cursor:pointer;font-size:.9rem;font-weight:700;padding:.7rem 1.5rem;transition:all .3s ease}.alert-btn:hover{box-shadow:0 4px 12px #00d9ff66;transform:translateY(-2px)}.hub-section{margin:0 auto;max-width:1400px}.welcome-banner{background:linear-gradient(135deg,#4299e1,#63b3ed);border-radius:20px;box-shadow:0 10px 40px #4299e14d;margin-bottom:2rem;padding:3rem;text-align:center}.welcome-banner h1{color:#fff;font-size:2.5rem;font-weight:900;margin-bottom:.5rem}.welcome-banner p{color:#f7fafc;font-size:1.2rem;font-weight:600}.announcements-panel{background:#fff;border:2px solid #e2e8f0;border-radius:20px;margin-bottom:2rem;padding:2rem}.announcements-panel h2{color:#2d3748;font-size:1.8rem;margin-bottom:1.5rem}.announcements-list{display:flex;flex-direction:column;gap:1rem}.announcement-card{align-items:center;background:#f7fafc;border-left:4px solid #4299e1;border-radius:15px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.announcement-card.urgent{border-left-color:#e53e3e}.announcement-card:hover{background:#edf2f7;transform:translateX(5px)}.ann-icon{font-size:2rem}.ann-content h3{font-size:1.2rem;margin-bottom:.3rem}.ann-date{color:#b0b0b0;font-size:.9rem}.upcoming-classes{background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:2rem}.upcoming-classes h2{color:#2d3748;font-size:1.8rem;margin-bottom:1.5rem}.classes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.class-card{background:#f7fafc;border:2px solid #e2e8f0;border-radius:15px;padding:2rem;transition:all .3s ease}.class-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.class-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.class-header h3{font-size:1.3rem}.class-badge{background:#e53e3e;border-radius:20px;font-size:.8rem;font-weight:700;padding:.3rem .8rem}.class-details p{color:#b0b0b0;margin:.5rem 0}.join-btn{background:#4299e1;border-radius:10px;color:#fff;display:inline-block;font-weight:700;margin-top:1rem;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.join-btn:hover{box-shadow:0 6px 20px #4299e166;transform:translateY(-2px)}.assignments-section{margin:0 auto;max-width:1200px}.assignments-section h1{color:#2d3748;font-size:2.5rem;margin-bottom:2rem}.assignments-list{display:flex;flex-direction:column;gap:1.5rem}.assignment-card{background:#f7fafc;border:2px solid #e2e8f0;border-radius:15px;padding:2rem;transition:all .3s ease}.assignment-card:hover{background:#edf2f7;border-color:#4299e1}.assign-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.assign-header h3{font-size:1.5rem}.status-badge{border-radius:20px;font-size:.9rem;font-weight:700;padding:.5rem 1rem}.status-badge.pending{background:#ffc10733;border:2px solid #ffc107;color:#ffc107}.status-badge.submitted{background:#0f83;border:2px solid #0f8;color:#0f8}.assign-details p{color:#b0b0b0;margin:.5rem 0}.grade{color:#0f8;font-size:1.1rem;font-weight:700}.submit-btn{background:linear-gradient(135deg,#00d9ff,#0f8);border:none;border-radius:10px;color:#0f0f1e;cursor:pointer;font-weight:700;margin-top:1rem;padding:.8rem 1.5rem;transition:all .3s ease}.submit-btn:hover{box-shadow:0 6px 20px #00d9ff66;transform:translateY(-2px)}.ai-help-section{margin:0 auto;max-width:1000px}.ai-header{margin-bottom:2rem;text-align:center}.ai-icon{font-size:4rem;margin-bottom:1rem}.ai-header h1{color:#00d9ff;font-size:2.5rem;margin-bottom:.5rem}.ai-header p{color:#b0b0b0;font-size:1.1rem}.chat-container{background:#ffffff0d;border:2px solid #00d9ff33;border-radius:20px;display:flex;flex-direction:column;height:600px}.chat-messages{flex:1 1;overflow-y:auto;padding:2rem}.ai-message{display:flex;gap:1rem;margin-bottom:1.5rem}.message-avatar{align-items:center;background:#00d9ff33;border:2px solid #00d9ff;border-radius:50%;display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.message-content{background:#ffffff14;border-radius:15px;flex:1 1;padding:1rem 1.5rem}.chat-input-area{border-top:2px solid #00d9ff33;display:flex;gap:1rem;padding:1.5rem}.chat-input-area input{background:#ffffff14;border:2px solid #00d9ff4d;border-radius:10px;color:#fff;flex:1 1;font-size:1rem;padding:1rem}.chat-input-area input::placeholder{color:#b0b0b0}.send-btn{background:linear-gradient(135deg,#00d9ff,#0f8);border:none;border-radius:10px;color:#0f0f1e;cursor:pointer;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.send-btn:hover{box-shadow:0 6px 20px #00d9ff66;transform:translateY(-2px)}.live-classes-section{background-color:#fff;margin:0 auto;max-width:1200px;min-height:100%;padding:2rem}.live-classes-section h1{color:#00d9ff;font-size:2.5rem;margin-bottom:1rem}.important-note{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:15px;box-shadow:0 4px 15px #f59e0b33;margin-bottom:2rem;padding:1.5rem}.important-note p{color:#92400e;font-size:1.1rem;font-weight:500;line-height:1.6;margin:0}.important-note strong{color:#78350f;font-weight:700}.meet-embed-container{background:#ffffff0d;border:2px solid #00d9ff33;border-radius:20px;padding:3rem;text-align:center}.meet-embed-container h2{font-size:2rem;margin-bottom:1rem}.meet-embed-container p{color:#b0b0b0;margin-bottom:2rem}.join-large-btn{background:linear-gradient(135deg,#00d9ff,#0f8);border-radius:15px;color:#0f0f1e;display:inline-block;font-size:1.3rem;font-weight:700;padding:1.5rem 3rem;text-decoration:none;transition:all .3s ease}.join-large-btn:hover{box-shadow:0 10px 30px #00d9ff80;transform:translateY(-3px)}.assignments-section-modern{background-color:#f9fafb;font-family:Inter,sans-serif;min-height:100%;padding:2rem}.assignments-section-modern h1{color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-align:center}.assignments-subtitle{color:#6b7280;font-size:1.1rem;margin-bottom:2rem;text-align:center}.assignments-grid-modern{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:3rem}.assignment-card-modern{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.assignment-card-modern:hover{box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-4px)}.assignment-card-modern.urgent:before{background:linear-gradient(90deg,#ef4444,#f59e0b);content:"";height:4px;left:0;position:absolute;right:0;top:0}.assignment-icon-modern{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;margin-bottom:1rem;width:50px}.assignment-content-modern{flex:1 1}.assignment-course-name{color:#6b7280;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.assignment-content-modern h3{color:#1f2937;font-size:1.2rem;font-weight:600;line-height:1.4;margin-bottom:1rem}.assignment-meta-modern{align-items:center;color:#6b7280;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:1rem}.assignment-meta-modern span{align-items:center;display:flex;gap:.5rem}.status-badge-modern{align-items:center;border-radius:20px;display:flex;font-size:.8rem;font-weight:600;gap:.3rem;letter-spacing:.5px;padding:.4rem .8rem;text-transform:uppercase}.status-badge-modern.start{background:#fef3c7;color:#f59e0b}.status-badge-modern.in-progress{background:#fed7d7;color:#e53e3e}.status-badge-modern.awaiting-grade{background:#dbeafe;color:#2563eb}.progress-bar{background:#e5e7eb;border-radius:3px;height:6px;margin-bottom:1rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#2563eb,#22c55e);border-radius:3px;height:100%;transition:width .3s ease}.assignment-details-right{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.grade-display{color:#22c55e;font-size:.9rem;font-weight:600}.urgent-timer{align-items:center;color:#ef4444;display:flex;font-size:.8rem;font-weight:600;gap:.3rem}.assignment-action-modern{margin-top:1rem}.btn-awaiting-grade,.btn-start-assignment,.btn-submit-assignment{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease;width:100%}.btn-start-assignment:hover,.btn-submit-assignment:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb66;transform:translateY(-2px)}.btn-submit-assignment{background:#22c55e}.btn-submit-assignment:hover{background:#16a34a;box-shadow:0 4px 12px #22c55e66}.btn-awaiting-grade{background:#6b7280;cursor:not-allowed;opacity:.7}.btn-awaiting-grade:hover{background:#6b7280;box-shadow:none;transform:none}.fab-add-task{background:#2563eb;border:none;border-radius:50%;bottom:2rem;box-shadow:0 4px 12px #2563eb66;color:#fff;cursor:pointer;font-size:1.5rem;height:60px;position:fixed;right:2rem;transition:all .3s ease;width:60px;z-index:1000}.fab-add-task:hover{background:#1d4ed8;box-shadow:0 6px 20px #2563eb99;transform:scale(1.1)}.quiz-card{background:linear-gradient(135deg,#fff,#f7fafc);border:2px solid #00d9ff1a;border-radius:20px;box-shadow:0 8px 25px #00000026;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:450px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease;width:100%}.quiz-card:hover{box-shadow:0 12px 35px #0003;transform:translateY(-8px)}.quiz-header h3{color:#00d9ff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.quiz-header p{color:#4a5568;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.quiz-meta{border-bottom:2px solid #edf2f7;border-top:2px solid #edf2f7;flex-direction:column;gap:1rem;margin:1.5rem 0;padding:1.5rem 0}.meta-item{color:#2d3748;font-size:1rem;font-weight:600}.quiz-actions{align-items:stretch;flex-direction:column;gap:1rem}.btn-begin-quiz,.btn-history{border-radius:12px;font-size:1.1rem;font-weight:700;margin:0;padding:1.2rem;transition:all .3s ease;width:100%}.btn-begin-quiz{background:linear-gradient(135deg,#38a169,#2f855a);color:#fff}.btn-begin-quiz:hover{box-shadow:0 6px 20px #38a16966;transform:translateY(-3px)}.btn-history{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff}.btn-history:hover{box-shadow:0 6px 20px #4299e166;transform:translateY(-3px)}.attempt-history{animation:fadeIn .5s ease;margin-top:1.5rem}.attempt-history h4{color:#2d3748;font-size:1.1rem;margin-bottom:1rem}.attempt-history table{border-collapse:collapse;font-size:.9rem;width:100%}.attempt-history td,.attempt-history th{border-bottom:1px solid #edf2f7;padding:.75rem 1rem;text-align:left}.attempt-history th{color:#718096;font-size:.8rem;font-weight:600;text-transform:uppercase}.attempt-history tbody tr:hover,.attempt-history th{background-color:#f7fafc}.status-highest{background-color:#c6f6d5;border-radius:999px;color:#2f855a;font-size:.8rem;font-weight:600;padding:.25rem .5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.no-classes{background:#ffffff0d;border:2px solid #00d9ff33;border-radius:20px;color:#b0b0b0;padding:3rem;text-align:center}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar.open{transform:translateX(0)}.close-sidebar{display:block}.sidebar-nav button{font-size:.9rem;padding:.9rem 1rem;white-space:nowrap}.logo-text{font-size:1rem;white-space:nowrap}.main-content{margin-left:0}.hamburger{display:block}.welcome-banner{border-radius:15px;padding:2rem 1.5rem}.welcome-banner h1{font-size:1.5rem;line-height:1.3}.welcome-banner p{font-size:1rem}.announcements-panel{border-radius:15px;padding:1.5rem}.announcements-panel h2{font-size:1.4rem}.announcement-card{border-radius:12px;padding:1.2rem}.ann-icon{font-size:1.5rem}.ann-content h3{font-size:1rem}.upcoming-classes{border-radius:15px;padding:1.5rem}.upcoming-classes h2{font-size:1.4rem;white-space:nowrap}.classes-grid{gap:1.2rem;grid-template-columns:1fr}.quiz-meta{align-items:flex-start;flex-direction:column;gap:.75rem}.quiz-actions{align-items:stretch;flex-direction:column}.class-card{border-radius:12px;padding:1.5rem}.class-header h3{font-size:1.1rem}.class-badge{font-size:.7rem;padding:.25rem .6rem}.join-btn{font-size:.9rem;padding:.7rem 1.2rem}.assignments-section-modern{padding:1rem}.assignments-section-modern h1{font-size:2rem}.assignments-grid-modern{gap:1rem;grid-template-columns:1fr}.assignment-card-modern{padding:1.2rem}.assignment-icon-modern{font-size:1.2rem;height:40px;width:40px}.assignment-content-modern h3{font-size:1.1rem}.assignment-meta-modern{align-items:flex-start;flex-direction:column;gap:.5rem}.btn-awaiting-grade,.btn-start-assignment,.btn-submit-assignment{font-size:.85rem;padding:.7rem 1.2rem}.fab-add-task{bottom:1.5rem;font-size:1.2rem;height:50px;right:1.5rem;width:50px}.assignments-table{width:100%}.assignments-table-header{display:none}.assignments-table-row{border-bottom:2px solid #e2e8f0;gap:.5rem;grid-template-columns:1fr;padding:1rem}.table-col{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:.5rem 0}.table-col:last-child{border-bottom:none}.table-col:before{color:#2d3748;content:attr(data-label);font-weight:700}.ai-help-section h1,.assignments-section h1,.live-classes-section h1{font-size:1.8rem}.assignment-card{border-radius:12px;padding:1.5rem}.assign-header{align-items:flex-start;flex-direction:column;gap:.8rem}.assign-header h3{font-size:1.2rem}.status-badge{font-size:.85rem;padding:.4rem .8rem}.submit-btn{padding:.9rem;width:100%}.ai-header h1{font-size:1.8rem}.ai-header p{font-size:1rem}.chat-container{border-radius:15px;height:500px}.message-avatar{font-size:1.5rem;height:40px;width:40px}.message-content{border-radius:12px;padding:.8rem 1.2rem}.chat-input-area{padding:1rem}.send-btn{padding:.9rem}.meet-embed-container{border-radius:15px;padding:2rem 1.5rem}.meet-embed-container h2{font-size:1.5rem}.join-large-btn{font-size:1.1rem;padding:1.2rem 2rem}.content-area{padding:1rem}.system-alerts{gap:1rem;grid-template-columns:1fr}.alert-card{flex-direction:column;padding:1.2rem;text-align:center}.alert-icon{font-size:2rem}.alert-content h3{font-size:1rem}.alert-content p{font-size:.85rem}.alert-btn{padding:.8rem;width:100%}.sidebar-nav button i{font-size:1rem}.ai-header{padding:1.5rem 1rem}.ai-icon{font-size:3rem}.ai-header h1{font-size:1.5rem}.ai-header p{font-size:.9rem}.chat-container{height:calc(100vh - 250px);margin:1rem}.chat-messages{padding:1.5rem}.message-avatar{font-size:2rem;height:50px;width:50px}.message-content{font-size:1.05rem;line-height:1.6;padding:1.2rem}.chat-input-area{background:#f8f9fa;border-top:3px solid #00d9ff;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.chat-input-area input{background:#fff;border:2px solid #00d9ff;border-radius:15px;box-shadow:0 4px 15px #00d9ff33;font-size:1.1rem;min-height:60px;padding:1.2rem 1.5rem;text-align:left;width:100%}.chat-input-area input:focus{border-color:#0f8;box-shadow:0 6px 20px #00ff884d;outline:none}.send-btn{border-radius:15px;font-size:1.1rem;font-weight:700;padding:1.2rem;width:100%}}.admin-dashboard{background-color:#f5f5f5;min-height:100vh}.admin-header{background-color:#2c3e50;box-shadow:0 2px 4px #0000001a;color:#fff;justify-content:space-between;padding:1rem 2rem}.admin-header,.header-actions{align-items:center;display:flex}.header-actions{gap:1rem}.refresh-btn{align-items:center;background-color:#3498db;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;padding:.5rem;transition:all .3s;width:40px}.refresh-btn:hover{background-color:#2980b9;transform:rotate(180deg)}.admin-header h1{align-items:center;display:flex;font-size:1.8rem;gap:.5rem;margin:0}.admin-header h1:before{color:#3498db;content:"\f0e4";font-family:Font Awesome\ 5 Free;font-weight:900}.logout-btn{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .3s}.logout-btn:hover{background-color:#c0392b}.admin-nav{background-color:#fff;border-bottom:1px solid #ddd;justify-content:flex-start;padding:0 2rem}.admin-nav,.admin-nav button{align-items:center;display:flex}.admin-nav button{background:none;border:none;border-bottom:3px solid #0000;cursor:pointer;font-size:1rem;gap:.5rem;padding:1rem 2rem;transition:all .3s}.admin-nav button.active{border-bottom-color:#3498db;color:#3498db;font-weight:700}.admin-nav button:hover{background-color:#f8f9fa}.admin-main{padding:2rem}.admin-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.admin-section h2{border-bottom:2px solid #3498db;color:#2c3e50;margin-top:0;padding-bottom:.5rem}.users-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:1rem}.user-card{background-color:#fff;border:1px solid #eef2f7;border-radius:12px;box-shadow:0 4px 12px #00000012;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.user-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.user-card-header{padding:1.5rem;position:relative}.user-avatar,.user-card-header{align-items:center;display:flex}.user-avatar{background-color:#3498db;border-radius:50%;color:#fff;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;margin-right:1rem;width:50px}.user-info h3{color:#2c3e50;font-size:1.1rem;margin:0}.user-info p{color:#7f8c8d;font-size:.9rem;margin:0}.role-badge{background-color:#ecf0f1;border-radius:12px;color:#7f8c8d;font-size:.8rem;font-weight:700;padding:.25rem .6rem;position:absolute;right:1rem;text-transform:capitalize;top:1rem}.role-badge.admin{background-color:#e74c3c;color:#fff}.role-badge.student{background-color:#3498db;color:#fff}.role-badge.visitor{background-color:#95a5a6;color:#fff}.user-card-footer{background-color:#f8f9fa;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid #eef2f7;color:#95a5a6;display:flex;font-size:.8rem;justify-content:space-between;padding:.75rem 1.5rem}.content-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.content-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem;text-align:center;transition:all .3s ease}.content-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.content-icon{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.content-card h3{color:#2c3e50;font-size:1.3rem;margin-bottom:1rem}.content-card p{color:#7f8c8d;line-height:1.5;margin-bottom:2rem}.action-btn{border-radius:8px;letter-spacing:.5px;padding:.8rem 2rem;text-transform:uppercase;transition:all .3s ease}.action-btn.primary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.action-btn.primary:hover{background:linear-gradient(135deg,#2980b9,#1f5f8b);transform:translateY(-2px)}.analytics-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;gap:1.5rem;padding:2rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-3px)}.stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.stat-icon.users{background:linear-gradient(135deg,#3498db,#2980b9)}.stat-icon.students{background:linear-gradient(135deg,#2ecc71,#27ae60)}.stat-icon.programs{background:linear-gradient(135deg,#f39c12,#e67e22)}.stat-icon.visitors{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.stat-info h3{color:#2c3e50;font-size:2rem;font-weight:700;margin:0}.stat-info p{color:#7f8c8d;font-size:.9rem;letter-spacing:.5px;margin:0;text-transform:uppercase}.charts-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem}.chart-card h3{color:#2c3e50;font-size:1.2rem;margin-bottom:1.5rem}.chart-placeholder{align-items:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#7f8c8d;display:flex;height:200px;justify-content:center}.user-details-list{max-height:400px;overflow-y:auto}.user-detail-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.user-detail-info h4{color:#2c3e50;font-size:1.1rem;margin:0 0 .5rem}.user-detail-info p{color:#7f8c8d;font-size:.9rem;margin:.25rem 0}.status-badge{border-radius:12px;font-size:.8rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.status-badge.active{background:#d4edda;color:#155724}.status-badge.suspended{background:#f8d7da;color:#721c24}.user-actions{display:flex;gap:.5rem}.action-btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .3s}.action-btn.suspend{background:#ffc107;color:#212529}.action-btn.suspend:hover{background:#e0a800}.action-btn.activate{background:#28a745;color:#fff}.action-btn.activate:hover{background:#218838}.action-btn.delete{background:#dc3545;color:#fff}.action-btn.delete:hover{background:#c82333}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:3000}.admin-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:2rem;text-align:center;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.modal-icon.success{background:linear-gradient(135deg,#28a745,#20c997)}.modal-icon.error{background:linear-gradient(135deg,#dc3545,#e74c3c)}.modal-icon.confirm{background:linear-gradient(135deg,#ffc107,#fd7e14)}.admin-modal h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1rem}.admin-modal p{color:#6c757d;line-height:1.5;margin-bottom:2rem}.modal-buttons{display:flex;gap:1rem;justify-content:center}.modal-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;min-width:100px;padding:.8rem 2rem;transition:all .3s}.modal-btn.ok{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.modal-btn.ok:hover{background:linear-gradient(135deg,#0056b3,#004085)}.modal-btn.cancel{background:#6c757d;color:#fff}.modal-btn.cancel:hover{background:#5a6268}.modal-btn.confirm{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.modal-btn.confirm:hover{background:linear-gradient(135deg,#c82333,#a71e2a)}.news-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.news-header-actions{display:flex;gap:1rem}.refresh-news-btn{align-items:center;background:linear-gradient(135deg,#17a2b8,#138496);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.8rem 1.5rem;transition:all .3s}.refresh-news-btn:hover{background:linear-gradient(135deg,#138496,#117a8b);transform:translateY(-2px)}.news-count{background:#e9ecef;border-radius:6px;color:#495057;font-weight:600;margin-bottom:1rem;padding:.5rem 1rem}.add-news-btn{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.8rem 1.5rem;transition:all .3s}.add-news-btn:hover{background:linear-gradient(135deg,#20c997,#17a2b8);transform:translateY(-2px)}.news-form{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;margin-bottom:2rem;padding:2rem}.news-form h3{color:#2c3e50;margin-bottom:1.5rem}.news-input,.news-textarea{border:2px solid #dee2e6;border-radius:8px;box-sizing:border-box;font-size:1rem;margin-bottom:1rem;padding:1rem;transition:border-color .3s;width:100%}.news-input:focus,.news-textarea:focus{border-color:#007bff;outline:none}.form-buttons{display:flex;gap:1rem}.save-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.8rem 2rem;transition:all .3s}.save-btn:hover{background:linear-gradient(135deg,#0056b3,#004085)}.cancel-btn{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.8rem 2rem;transition:all .3s}.cancel-btn:hover{background:#5a6268}.news-list{grid-gap:1.5rem;display:grid;gap:1.5rem}.no-news{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;color:#6c757d;font-style:italic;padding:3rem;text-align:center}.news-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:all .3s}.news-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.news-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.news-actions{display:flex;gap:.5rem}.edit-news-btn{align-items:center;background:#ffc107;border:none;border-radius:6px;color:#212529;cursor:pointer;display:flex;height:35px;justify-content:center;padding:.5rem;transition:all .3s;width:35px}.edit-news-btn:hover{background:#e0a800;transform:scale(1.1)}.news-card h4{color:#2c3e50;flex:1 1;font-size:1.3rem;margin:0}.delete-news-btn{align-items:center;background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center;padding:.5rem;transition:all .3s;width:35px}.delete-news-btn:hover{background:#c82333;transform:scale(1.1)}.news-content{color:#495057;line-height:1.6;margin-bottom:1rem}.news-meta{border-top:1px solid #e9ecef;color:#6c757d;display:flex;font-size:.9rem;justify-content:space-between;padding-top:1rem}@media (max-width:768px){.news-header{align-items:stretch;flex-direction:column;gap:1rem}.news-header-actions{justify-content:space-between}.form-buttons,.news-meta{flex-direction:column}.news-meta{gap:.5rem}.admin-header{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.header-actions{justify-content:center}.admin-nav{overflow-x:auto;padding:0;white-space:nowrap}.admin-nav button{font-size:.85rem;min-width:120px;padding:.75rem 1rem}.admin-main,.admin-section{padding:1rem}.content-grid{gap:1rem;grid-template-columns:1fr}.analytics-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.charts-section{gap:1rem;grid-template-columns:1fr}.stat-card{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.content-card{padding:1.5rem}.content-icon{font-size:1.5rem;height:60px;width:60px}}.nav-dropdown{position:relative}.nav-dropdown>button{align-items:center;display:flex;gap:.5rem}.nav-dropdown .fa-chevron-down{font-size:.8rem;transition:transform .3s}.nav-dropdown .fa-chevron-down.rotate{transform:rotate(180deg)}.dropdown-menu{animation:dropdownSlide .2s ease;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;min-width:200px;position:absolute;top:100%;z-index:1000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu button{align-items:center;background:#fff;border:none;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:.5rem;padding:.8rem 1rem;text-align:left;transition:background .2s;width:100%}.dropdown-menu button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.dropdown-menu button:last-child{border-bottom:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.dropdown-menu button:hover{background:#f8f9fa;color:#3498db}.level-badge{border-radius:12px;font-size:.85rem;font-weight:600;padding:.3rem .8rem;text-transform:uppercase}.level-badge.beginner{background:#d4edda;color:#155724}.level-badge.intermediate{background:#fff3cd;color:#856404}.level-badge.advanced{background:#f8d7da;color:#721c24}.programs-section{background:#fff;border-radius:16px;padding:2rem}.programs-top-bar{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.programs-stats{align-items:center;display:flex;gap:1rem}.programs-stats h3{color:#2c3e50;font-size:2.5rem;font-weight:700;margin:0}.programs-stats p{color:#7f8c8d;font-size:1rem;font-weight:600;margin:0}.programs-horizontal{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.program-card-admin{background:#fff;border-radius:16px;box-shadow:0 8px 30px #0000001f;overflow:hidden;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.program-card-admin:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.program-card-admin:hover{box-shadow:0 15px 40px #667eea66;transform:translateY(-8px) scale(1.02)}.program-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:35px;justify-content:center;position:absolute;right:1rem;top:1rem;width:35px}.program-card-admin h4{color:#2c3e50;font-size:1.1rem;font-weight:700;line-height:1.4;margin:.5rem 0 1rem;min-height:50px}.program-info{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.8rem}.program-info p{align-items:center;color:#495057;display:flex;font-size:.85rem;gap:.5rem;margin:0}.program-info i{color:#667eea;width:16px}.program-desc{color:#6c757d;font-size:.9rem;line-height:1.5;margin:1rem 0;min-height:60px}.program-outcome{align-items:center;background:#e7f3ff;border-radius:8px;color:#495057;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;margin:1rem 0;padding:.8rem}.program-outcome i{color:#667eea}.program-actions{display:flex;gap:.5rem;margin-top:1rem}.delete-program-btn,.edit-program-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.7rem;transition:all .3s}.edit-program-btn{background:linear-gradient(135deg,#ffd89b,#19547b);color:#fff}.edit-program-btn:hover{background:linear-gradient(135deg,#19547b,#ffd89b);transform:scale(1.05)}.delete-program-btn{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.delete-program-btn:hover{background:linear-gradient(135deg,#f5576c,#f093fb);transform:scale(1.05)}.resource-tabs-admin{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.resource-tab-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:200px;padding:1.5rem;transition:all .3s}.resource-tab-btn i{color:#6c757d;font-size:2rem}.resource-tab-btn span{color:#495057;font-weight:600}.resource-tab-btn:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff33;transform:translateY(-2px)}.resource-tab-btn.active{background:linear-gradient(135deg,#007bff,#0056b3);border-color:#007bff;color:#fff}.resource-tab-btn.active i,.resource-tab-btn.active span{color:#fff}.resources-content{display:flex;flex-direction:column;gap:3rem}.resources-section h3{align-items:center;color:#2c3e50;display:flex;font-size:1.5rem;gap:.5rem;margin-bottom:1.5rem}.resources-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.resource-item-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:all .3s}.resource-item-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-4px)}.resource-item-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.resource-item-header i{color:#007bff;font-size:1.5rem;margin-top:.2rem}.resource-item-header h4{color:#2c3e50;font-size:1.1rem;line-height:1.4;margin:0}.resource-item-card p{align-items:center;color:#6c757d;display:flex;font-size:.9rem;gap:.5rem;margin:.5rem 0}.resource-item-card p i{color:#007bff;width:16px}.resource-item-card .news-actions{border-top:1px solid #e9ecef;display:flex;gap:1rem;margin-top:1.5rem;padding-top:1rem}.resource-item-card .delete-news-btn,.resource-item-card .edit-news-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:.5rem;height:auto;justify-content:center;padding:.8rem 1rem;transition:all .3s;width:auto}.resource-item-card .edit-news-btn{background:linear-gradient(135deg,#ffc107,#ff9800);box-shadow:0 4px 12px #ffc1074d;color:#fff}.resource-item-card .edit-news-btn:hover{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 6px 16px #ff980066;transform:translateY(-2px)}.resource-item-card .delete-news-btn{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 4px 12px #dc35454d;color:#fff}.resource-item-card .delete-news-btn:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 6px 16px #c8233366;transform:translateY(-2px)}@media (max-width:480px){.analytics-grid{grid-template-columns:1fr}.admin-nav{display:flex;justify-content:space-around}.admin-nav button{flex:1 1;font-size:.75rem;min-width:auto;padding:.5rem}.admin-nav button i{display:block;margin-bottom:.25rem}.user-detail-item{align-items:flex-start;flex-direction:column;gap:1rem}.user-actions{justify-content:space-between;width:100%}.action-btn{flex:1 1;max-width:120px}.admin-modal{max-width:350px;padding:1.5rem}.modal-icon{font-size:2rem;height:60px;width:60px}.admin-modal h3{font-size:1.3rem}.modal-buttons{flex-direction:column}.modal-btn{width:100%}}.premium-subtitle{color:#6c757d;font-size:1.1rem;margin-bottom:2rem}.premium-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.premium-stat-card{align-items:center;background:linear-gradient(135deg,gold,#ffed4e);border-radius:16px;box-shadow:0 8px 25px #ffd7004d;display:flex;gap:1.5rem;padding:2rem;transition:all .3s ease}.premium-stat-card:hover{box-shadow:0 12px 35px #ffd70066;transform:translateY(-5px)}.premium-stat-card i{color:#ff6b6b;font-size:3rem}.premium-stat-card h3{color:#2c3e50;font-size:3rem;font-weight:800;margin:0}.premium-stat-card p{color:#495057;font-size:1rem;font-weight:600;margin:0}.no-premium{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;color:#6c757d;font-style:italic;padding:3rem;text-align:center}.premium-user-item{background:linear-gradient(135deg,#fff9e6,#fff);border-left:4px solid gold}.premium-badge{align-items:center;background:linear-gradient(135deg,gold,#ffed4e);border-radius:20px;box-shadow:0 2px 8px #ffd7004d;color:#2c3e50;display:inline-flex;font-size:.85rem;font-weight:700;gap:.5rem;margin-bottom:.8rem;padding:.4rem 1rem}.premium-badge i{color:#ff6b6b}.expiry-info{align-items:center;background:#e8f5e9;border-radius:8px;color:#2e7d32;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-top:.8rem;padding:.6rem 1rem}.expiry-info.expiring-soon{background:#fff3cd;color:#856404}.expiry-info.expired{background:#f8d7da;color:#721c24}.expiry-info i{font-size:1rem}.admin-login-container{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);display:flex;justify-content:center;min-height:100vh;padding:2rem}.admin-login-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:3rem;width:100%}.admin-login-header{margin-bottom:2rem;text-align:center}.admin-login-header i{color:#e74c3c;font-size:3rem;margin-bottom:1rem}.admin-login-header h2{color:#2c3e50;font-size:2rem;margin-bottom:.5rem}.admin-login-header p{color:#7f8c8d;font-size:1rem}.admin-login-form{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#2c3e50;display:block;font-weight:600;margin-bottom:.5rem}.form-group input{border:2px solid #ecf0f1;border-radius:10px;box-sizing:border-box;font-size:1rem;padding:1rem;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#3498db;outline:none}.form-group select,.login-as-select{background:#fff;border:2px solid #ecf0f1;border-radius:10px;box-sizing:border-box;cursor:pointer;font-size:1rem;padding:1rem;transition:border-color .3s;width:100%}.form-group select:focus,.login-as-select:focus{border-color:#3498db;outline:none}.error-message{background:#ffebee;border-radius:8px;color:#c62828;font-weight:600;margin-bottom:1rem;padding:1rem;text-align:center}.admin-login-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.5px;padding:1rem;text-transform:uppercase;transition:all .3s;width:100%}.admin-login-btn:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-2px)}.admin-login-btn:disabled{cursor:not-allowed;opacity:.7}.login-footer{text-align:center}.back-btn{background:none;border:2px solid #95a5a6;border-radius:8px;color:#95a5a6;cursor:pointer;font-weight:600;padding:.8rem 2rem;transition:all .3s}.back-btn:hover{background:#95a5a6;color:#fff}@media (max-width:768px){.admin-login-container{padding:1rem}.admin-login-card{padding:2rem}.admin-login-header h2{font-size:1.5rem}}
/*# sourceMappingURL=main.4a3cd2a6.css.map*/