@import url(https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&family=Playfair+Display:wght@700;800;900&display=swap);body,html{height:100%;margin:0;max-width:100vw;padding:0;width:100%}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-overflow-style:none;background-color:#f4f4f4;font-family:Poppins,sans-serif;scrollbar-width:none}#root{max-width:100vw;overflow-x:hidden}*{box-sizing:border-box}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{max-width:100vw;overflow-x:hidden;width:100%}.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{background:#ffd70033;border-radius:10px;color:gold;padding:.5rem 1rem}.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{background:#ffd70033;border-radius:10px;color:gold;padding:.5rem 1rem}.popup-overlay{background:#000000bf;overflow:hidden;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{margin:.5rem 0;padding:.25rem 0;position:relative;text-align:center}.navbar-menu li:not(:last-child):after{animation:mobileLineGlow 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffd700cc,#0000);bottom:-.5rem;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80%}@keyframes mobileLineGlow{0%,to{box-shadow:0 0 8px #ffd70080;opacity:.6}50%{box-shadow:0 0 15px #ffd700e6;opacity:1}}.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}}.festive-overlay{align-items:center;animation:festiveGlow 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b0000e6,#006400e6 50%,#ffd700e6);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:3000}@keyframes festiveGlow{0%,to{opacity:.95}50%{opacity:1}}.festive-icons-bg{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.festive-icon{animation:floatFestive 8s ease-in-out infinite;font-size:3rem;opacity:.6;position:absolute}.festive-icon:first-child{animation-delay:0s;left:10%;top:10%}.festive-icon:nth-child(2){animation-delay:1s;right:15%;top:20%}.festive-icon:nth-child(3){animation-delay:2s;left:5%;top:60%}.festive-icon:nth-child(4){animation-delay:3s;right:10%;top:70%}.festive-icon:nth-child(5){animation-delay:1.5s;left:20%;top:40%}.festive-icon:nth-child(6){animation-delay:2.5s;right:25%;top:30%}.festive-icon:nth-child(7){animation-delay:.5s;left:30%;top:80%}.festive-icon:nth-child(8){animation-delay:3.5s;left:50%;top:15%}.festive-icon:nth-child(9){animation-delay:4s;right:5%;top:50%}.festive-icon:nth-child(10){animation-delay:1.2s;right:30%;top:85%}@keyframes floatFestive{0%,to{transform:translateY(0) rotate(0deg) scale(1)}25%{transform:translateY(-30px) rotate(10deg) scale(1.1)}50%{transform:translateY(-15px) rotate(-10deg) scale(.9)}75%{transform:translateY(-25px) rotate(5deg) scale(1.05)}}.kila-la-heri-modal{align-items:center;animation:festiveSlideIn .6s ease-out;background:linear-gradient(135deg,#fff,#fff5f5 50%,#f0fff0);border:4px solid;border-image:linear-gradient(45deg,red,#0f0,gold,red) 1;border-radius:30px;box-shadow:0 30px 100px #00000080,0 0 50px #ffd70080;display:flex;justify-content:center;left:50%;max-height:85vh;max-width:700px;overflow-y:auto;padding:7rem 3rem 3rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}@keyframes festiveSlideIn{0%{opacity:0;transform:scale(.5) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.kila-la-heri-modal:before{animation:rotateBorder 4s linear infinite;background:linear-gradient(45deg,red,#0f0,gold,red);border-radius:30px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes rotateBorder{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.festive-content{padding-top:5rem;position:relative;text-align:center;width:100%;z-index:1}.festive-title{-webkit-text-fill-color:#0000;animation:titlePulse 2s ease-in-out infinite;background:linear-gradient(135deg,red,#0f0 50%,gold);-webkit-background-clip:text;background-clip:text;display:block!important;font-size:3rem;font-weight:900;margin-bottom:2rem;opacity:1!important;visibility:visible!important;z-index:10}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.festive-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:0 auto;padding:2rem;width:100%}.festive-message p{word-wrap:break-word;animation:fadeInText 1s ease-in;color:#333;font-size:1.15rem;line-height:1.8;margin-bottom:1.5rem;overflow-wrap:break-word;text-align:center}@keyframes fadeInText{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.festive-greeting{animation:twinkle 1.5s ease-in-out infinite;color:red!important;font-size:1.5rem!important;font-weight:800!important;margin-top:2rem!important;text-align:center!important}@keyframes twinkle{0%,to{opacity:1;text-shadow:0 0 10px #ff000080}50%{opacity:.8;text-shadow:0 0 20px #ffd700cc}}.festive-blessing{color:#2e8b57!important;font-size:1.2rem!important;font-weight:700!important;margin-bottom:0!important;text-align:center!important}.kila-la-heri-modal::-webkit-scrollbar{width:8px}.kila-la-heri-modal::-webkit-scrollbar-track{background:linear-gradient(135deg,#ffebee,#e8f5e9);border-radius:10px}.kila-la-heri-modal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,red,#0f0);border-radius:10px}@media (max-width:768px){.festive-overlay{align-items:center;justify-content:center;padding:.5rem}.festive-icon{font-size:2.5rem}.kila-la-heri-modal{border-radius:25px;border-width:3px;left:50%;max-height:90vh;padding:10rem 1.5rem 2.5rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:94%}.festive-content{padding-top:7rem}.festive-title{word-wrap:break-word;-webkit-text-fill-color:#0000;background:linear-gradient(135deg,red,#0f0 50%,gold);-webkit-background-clip:text;background-clip:text;font-size:2rem;line-height:1.3;margin-bottom:1.5rem}.festive-message{margin:0 auto;padding:1.5rem 1rem;text-align:center;width:100%}.festive-message p{word-wrap:break-word;font-size:1.05rem;line-height:1.8;margin-bottom:1.3rem;overflow-wrap:break-word;text-align:center}.festive-greeting{font-size:1.35rem!important;line-height:1.4!important;margin-top:1.5rem!important}.festive-blessing{font-size:1.1rem!important;line-height:1.5!important}}@media (max-width:480px){.festive-overlay{align-items:center;justify-content:center;padding:.3rem}.festive-icon{font-size:2rem}.kila-la-heri-modal{border-radius:20px;left:50%;max-height:92vh;padding:9rem 1.2rem 2rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:96%}.festive-content{padding-top:6rem}.festive-title{word-wrap:break-word;-webkit-text-fill-color:#0000;background:linear-gradient(135deg,red,#0f0 50%,gold);-webkit-background-clip:text;background-clip:text;font-size:1.7rem;line-height:1.3}.festive-message{margin:0 auto;padding:1.3rem 1rem;text-align:center;width:100%}.festive-message p{word-wrap:break-word;font-size:1rem;line-height:1.7;overflow-wrap:break-word;text-align:center}.festive-greeting{font-size:1.2rem!important;line-height:1.4!important}.festive-blessing{font-size:1.05rem!important;line-height:1.5!important}}.learn-forex-modal{animation:modalSlideIn .4s ease;background:linear-gradient(135deg,#fff,#f8f9fa);border:3px solid #2e8b57;border-radius:25px;box-shadow:0 25px 80px #0000004d;left:50%;max-height:90vh;max-width:900px;overflow-y:auto;padding:0;position:fixed;top:50%;transform:translate(-50%,-50%);width:92%}.learn-forex-modal::-webkit-scrollbar{width:8px}.learn-forex-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.learn-forex-modal::-webkit-scrollbar-thumb{background:#2e8b57;border-radius:10px}.forex-content{padding:2rem}.forex-hero{border-radius:20px 20px 0 0;margin:-2rem -2rem 2rem;padding:3rem 2rem}.forex-hero h1{font-size:2.5rem}.forex-hero p{font-size:1.2rem}.forex-btn{padding:1rem 2rem}.forex-section{margin-bottom:3rem}.forex-section h2{font-size:2rem;margin-bottom:1.5rem}.forex-cards{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.forex-card{background:linear-gradient(135deg,#f0f8f0,#e8f5e9);padding:1.5rem}.forex-card:hover{box-shadow:0 10px 30px #2e8b5733;transform:translateY(-5px)}.forex-card h3{font-size:1.3rem;margin-bottom:.8rem}.forex-card p{font-size:1rem;line-height:1.6}.forex-disclaimer{border-radius:10px;padding:1rem}.forex-roadmap{gap:1.5rem}.roadmap-step{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:5px solid #2196f3;gap:1.5rem;padding:1.5rem}.step-number{font-size:1.3rem;height:40px;width:40px}.roadmap-step h3{font-size:1.2rem}.roadmap-step p{font-size:1rem;line-height:1.6}.forex-tools{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tool-item{background:linear-gradient(135deg,#fff9e6,#fff3cd);padding:1.5rem}.tool-item:hover{box-shadow:0 10px 30px #ffc1074d;transform:translateY(-5px)}.tool-item i{font-size:2.5rem}.tool-item h3{font-size:1.2rem;margin-bottom:.5rem}.tool-item p{font-size:.95rem}.community-section{border:2px solid #9c27b0;border-radius:15px;padding:2rem}.community-message{font-size:1.15rem;line-height:1.8}.forex-disclaimer-box{border-radius:15px;font-size:1rem;line-height:1.6;margin-top:2rem;padding:1.5rem}.forex-disclaimer-box strong{font-size:1.2rem;margin-bottom:.5rem}@media (max-width:768px){.learn-forex-modal{max-height:92vh;width:95%}.forex-content{padding:1.5rem}.forex-hero{margin:-1.5rem -1.5rem 1.5rem;padding:2rem 1.5rem}.forex-hero h1{font-size:1.8rem}.forex-hero p{font-size:1rem}.forex-cta-buttons{flex-direction:column}.forex-btn{font-size:1rem;padding:.9rem 1.5rem;width:100%}.forex-section h2{font-size:1.6rem}.forex-cards{gap:1rem;grid-template-columns:1fr}.forex-card{padding:1.2rem}.forex-card h3{font-size:1.1rem}.forex-card p{font-size:.95rem}.roadmap-step{flex-direction:column;gap:1rem}.step-number{font-size:1.1rem;height:35px;width:35px}.forex-tools{grid-template-columns:1fr}.community-message{font-size:1rem}.forex-disclaimer-box{font-size:.9rem}}@media (max-width:480px){.learn-forex-modal{width:98%}.forex-content{padding:1rem}.forex-hero{margin:-1rem -1rem 1rem;padding:1.5rem 1rem}.forex-hero h1{font-size:1.5rem}.forex-hero p{font-size:.95rem}.forex-section h2{font-size:1.4rem}.forex-card{padding:1rem}.tool-item i{font-size:2rem}}.whatsapp-float{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.gallery-modal{animation:modalSlideIn .4s ease;background:linear-gradient(135deg,#fff,#f8f9fa);border:3px solid #2e8b57;border-radius:20px;box-shadow:0 25px 80px #0000004d;left:50%;max-height:90vh;max-width:90vw;overflow-x:hidden;overflow-y:auto;padding:0;position:fixed;top:50%;transform:translate(-50%,-50%);width:1200px;z-index:2001}.gallery-modal::-webkit-scrollbar{width:8px}.gallery-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.gallery-modal::-webkit-scrollbar-thumb{background:#2e8b57;border-radius:10px}.gallery-content{padding:3rem 2rem 2rem}.gallery-header{margin-bottom:2rem;text-align:center}.gallery-header h2{color:#2e8b57;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.gallery-header p{color:#666;font-size:1.2rem;font-weight:500}.gallery-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1rem 0}.gallery-card{background:#fff;border:2px solid #0000;border-radius:15px;box-shadow:0 8px 25px #0000001a;overflow:hidden;transition:all .3s ease}.gallery-card:hover{border-color:#2e8b57;box-shadow:0 15px 40px #0003;transform:translateY(-10px) scale(1.02)}.gallery-card img{height:200px;object-fit:cover;transition:transform .3s ease;width:100%}.gallery-card:hover img{transform:scale(1.1)}@media (max-width:768px){.gallery-modal{max-height:85vh;width:95vw}.gallery-content{padding:2rem 1rem 1.5rem}.gallery-header h2{font-size:2rem}.gallery-header p{font-size:1rem}.gallery-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.gallery-card img{height:120px}}@media (max-width:480px){.gallery-modal{width:98vw}.gallery-content{padding:1.5rem .8rem 1rem}.gallery-header h2{font-size:1.6rem}.gallery-grid{gap:.8rem;grid-template-columns:repeat(2,1fr)}.gallery-card img{height:100px}}.newsletter-section{animation:gradientShift 8s ease infinite;background:linear-gradient(135deg,#2e8b57,#228b22);overflow:hidden;padding:4rem 2rem;position:relative}.newsletter-bg-icons{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.bg-icon{color:#ffffff26;font-size:4rem;position:absolute}.icon-1{animation:float 6s ease-in-out infinite;left:5%;top:10%}.icon-2{animation:float 7s ease-in-out 1s infinite;right:10%;top:20%}.icon-3{animation:rotate360 10s linear infinite;bottom:15%;left:15%}.icon-4{animation:pulse 3s ease-in-out infinite;bottom:25%;right:5%}.icon-5{animation:float 8s ease-in-out 2s infinite;left:8%;top:50%}.icon-6{animation:glow 4s ease-in-out infinite;right:12%;top:60%}@keyframes rotate360{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.newsletter-container{animation:fadeInUp 1s ease;margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:1}.newsletter-icon{animation:bounce 2s ease-in-out infinite,rotate 4s linear infinite;display:inline-block;font-size:4rem;margin-bottom:1rem}.newsletter-section h2{animation:slideIn 1s ease .2s both;color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:1rem;text-shadow:2px 2px 4px #0003}.newsletter-section p{animation:slideIn 1s ease .4s both;color:#fffffff2;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.newsletter-form{animation:scaleIn 1s ease .6s both;background:#fff;border-radius:50px;box-shadow:0 10px 30px #0003;display:flex;gap:1rem;margin:0 auto 2rem;max-width:600px;padding:.5rem}.newsletter-form input{border:none;border-radius:50px;flex:1 1;font-size:1rem;outline:none;padding:1rem 1.5rem;transition:all .3s ease}.newsletter-form input:focus{box-shadow:0 0 0 3px #ffd7004d}.newsletter-form button{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,gold,orange);border:none;border-radius:50px;box-shadow:0 4px 15px #ffd7004d;color:#8b4513;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 2.5rem;transition:all .3s ease;white-space:nowrap}.newsletter-form button:hover{animation:none;background:linear-gradient(135deg,orange,#ff8c00);box-shadow:0 6px 20px #ffa50066;transform:translateY(-2px) scale(1.05)}.newsletter-benefits{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.benefit{animation:fadeInUp 1s ease both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:25px;color:#fff;font-size:1rem;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease}.benefit:first-child{animation-delay:.8s}.benefit:nth-child(2){animation-delay:1s}.benefit:nth-child(3){animation-delay:1.2s}.benefit:hover{background:#ffffff4d;box-shadow:0 10px 25px #0003;transform:translateY(-5px) scale(1.1)}@media (max-width:768px){.newsletter-section{padding:3rem 1.5rem}.bg-icon{font-size:3rem}.icon-1{left:5%;top:5%}.icon-2{right:5%;top:15%}.icon-3{bottom:20%;left:10%}.icon-4{bottom:30%;right:5%}.icon-5{left:5%;top:45%}.icon-6{right:8%;top:55%}.newsletter-icon{font-size:3rem}.newsletter-section h2{font-size:2rem}.newsletter-section p{font-size:1rem}.newsletter-form{border-radius:20px;flex-direction:column;gap:.8rem;padding:1rem}.newsletter-form input{border-radius:15px;padding:.9rem 1.2rem}.newsletter-form button{border-radius:15px;padding:.9rem 2rem}.newsletter-benefits{gap:1rem}.benefit{font-size:.9rem;padding:.6rem 1.2rem}}.splash-loader{align-items:center;animation:fadeOut .5s ease-out 5s forwards;background:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:99999}.splash-logo{animation:logoFloat 2s ease-in-out infinite;height:150px;margin-bottom:30px;object-fit:contain;width:150px}.splash-text{color:#2e8b57;display:flex;font-size:2rem;font-weight:700;gap:2px;letter-spacing:3px}.splash-letter{animation:popIn .5s ease-out forwards;display:inline-block;opacity:0;transform:scale(0) rotate(-180deg)}@keyframes fadeOut{to{opacity:0;visibility:hidden}}@media (max-width:768px){.splash-text{font-size:.65rem;letter-spacing:.5px;padding:0 10px;white-space:nowrap}.splash-letter{animation:popInMobile .8s ease-out forwards}.splash-logo{height:120px;margin-bottom:40px;width:120px}}@keyframes popInMobile{0%{opacity:0;transform:scale(0) translateY(30px)}60%{transform:scale(1.3) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (min-width:769px){.navbar-menu li:not(:last-child):after{animation:separatorGlow 2s ease-in-out infinite;background:linear-gradient(180deg,#ffd7004d,gold,#ffd7004d);border-radius:2px;content:"";height:35px;position:absolute;right:-1rem;top:50%;transform:translateY(-50%);width:3px}.navbar-menu li{position:relative}@keyframes separatorGlow{0%,to{box-shadow:0 0 10px #ffd70099;opacity:.8}50%{box-shadow:0 0 20px gold;opacity:1}}}.newsletter-success-popup{animation:popupFadeIn .3s ease;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:9999}.success-popup-content{animation:scaleIn .4s ease;background:linear-gradient(135deg,#fff,#f0fff0);border:3px solid #2e8b57;border-radius:20px;box-shadow:0 20px 60px #0000004d;min-width:350px;padding:2.5rem;text-align:center}.success-icon{animation:bounce .6s ease}.success-popup-content h3{color:#2e8b57;font-size:1.8rem;font-weight:800;margin-bottom:1rem}.success-popup-content p{color:#555;font-size:1.1rem;margin-bottom:.5rem}.email-confirm{color:#2e8b57;font-size:1rem;font-weight:700;margin-bottom:1.5rem}.close-success-btn{background:linear-gradient(135deg,#2e8b57,#228b22);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.8rem 2rem;transition:all .3s ease}.close-success-btn:hover{background:linear-gradient(135deg,#228b22,#1e7a1e);box-shadow:0 6px 20px #2e8b5766;transform:translateY(-2px)}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.8)}to{transform:scale(1)}}@media (max-width:768px){.success-popup-content{min-width:90vw;padding:2rem 1.5rem}.success-icon{font-size:3rem}.success-popup-content h3{font-size:1.5rem}.success-popup-content p{font-size:1rem}}.App>.navbar{-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);background:#fbf7eedb;box-shadow:0 1px 0 #ece4d3,0 12px 30px -24px #00000059;flex-wrap:nowrap;font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;gap:24px;padding:12px clamp(16px,4vw,48px)}.App>.navbar .logo{color:#141414;flex-shrink:0;font:800 22px/1 Playfair Display,Georgia,serif;gap:10px}.App>.navbar .logo-img{border-radius:10px;height:40px}.App>.navbar .navbar-menu{align-items:center;flex:1 1;gap:clamp(12px,1.2vw,22px);justify-content:center}.App>.navbar .navbar-menu li{margin:0;padding:0}.App>.navbar .navbar-menu li:after{content:none}.App>.navbar .nav-link-btn,.App>.navbar .navbar-menu a{background:none;border:0;border-radius:0;color:#2b2b2b;font-family:inherit;font-size:14px;font-weight:500;padding:6px 0;position:relative;white-space:nowrap}.App>.navbar .nav-link-btn:hover,.App>.navbar .navbar-menu a:hover{background:none;color:#141414;padding:6px 0}.App>.navbar .navbar-menu>li>.nav-link-btn:after,.App>.navbar .navbar-menu>li>a:after{background:#f08a1c;border-radius:50%;bottom:-2px;content:"";height:6px;left:50%;position:absolute;transform:translateX(-50%) scale(0);transition:transform .35s cubic-bezier(.22,1,.36,1);width:6px}.App>.navbar .navbar-menu>li>.nav-link-btn:hover:after,.App>.navbar .navbar-menu>li>a:hover:after{transform:translateX(-50%) scale(1)}.App>.navbar .login-btn,.App>.navbar .signup-btn{border-radius:10px;box-shadow:none;font-family:inherit;font-size:14px;font-weight:700;height:40px;padding:0 18px;white-space:nowrap}.App>.navbar .login-btn{background:#0000;border:1.5px solid #141414;color:#141414}.App>.navbar .login-btn:hover{background:#141414;box-shadow:none;color:#fff}.App>.navbar .signup-btn{background:#141414;box-shadow:0 10px 24px -12px #141414b3;color:#fff}.App>.navbar .signup-btn:hover{background:#f08a1c;box-shadow:0 14px 28px -14px #f08a1ce6;color:#141414}.App>.navbar .nav-donate-btn{align-items:center;background:linear-gradient(135deg,#f7a23b,#f08a1c 50%,#d8700a);border:0;border-radius:10px;box-shadow:0 10px 22px -12px #d8700ae6;color:#141414;cursor:pointer;display:inline-flex;flex-shrink:0;font:700 14px/1 DM Sans,system-ui,sans-serif;gap:8px;height:40px;padding:0 18px;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;white-space:nowrap}.App>.navbar .nav-donate-btn:hover{box-shadow:0 14px 28px -12px #d8700a;transform:translateY(-2px)}.App>.navbar .nav-donate-btn i{animation:navDonateBeat 1.6s ease-in-out infinite;color:#b3200f}@keyframes navDonateBeat{0%,60%,to{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(.94)}45%{transform:scale(1.18)}}.App>.system-update-banner{animation:none;background:#fff;border:1px solid #ece4d3;border-radius:999px;box-shadow:0 8px 20px -16px #0006;color:#2b2b2b;font:500 13px/1.3 DM Sans,system-ui,sans-serif;left:50%;max-width:calc(100% - 32px);padding:8px 16px;position:absolute;top:80px;transform:translateX(-50%);white-space:nowrap;z-index:5}.App>.system-update-banner i{color:#0b7d79;font-size:15px}.App .ah .ah-hero{padding-top:140px}@media (max-width:1480px){.App>.navbar{gap:12px}.App>.navbar .nav-donate-btn{margin-left:auto;order:1}.App>.navbar .hamburger{background:#fff;border:1px solid #ece4d3;border-radius:12px;color:#141414;display:block;font-size:1.3rem;height:44px;margin-left:0;order:2;width:44px}.App>.navbar .auth-buttons-desktop{display:none}.App>.navbar .navbar-menu{align-items:stretch;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fbf7ee;border:0;border-radius:0 0 16px 16px;border-top:1px solid #ece4d3;box-shadow:0 24px 40px -24px #00000059;flex-direction:column;gap:0;left:0;max-height:80vh;opacity:0;overflow-y:auto;padding:8px clamp(16px,4vw,48px) 16px;position:absolute;top:-600px;transition:top .4s ease,opacity .4s ease,visibility .4s ease;visibility:hidden;width:100%;z-index:1001}.App>.navbar .navbar-menu.open{opacity:1;top:100%;visibility:visible}.App>.navbar .navbar-menu li{border-bottom:1px solid #ece4d3;margin:0;padding:0;text-align:left}.App>.navbar .nav-link-btn,.App>.navbar .nav-link-btn:hover,.App>.navbar .navbar-menu a,.App>.navbar .navbar-menu a:hover{display:block;font-size:16px;padding:13px 4px;text-align:left;width:100%}.App>.navbar .navbar-menu>li>.nav-link-btn:after,.App>.navbar .navbar-menu>li>a:after{display:none}.App>.navbar .auth-buttons-mobile{border:0;display:flex;gap:12px;margin:0;padding:14px 0 4px}.App>.navbar .auth-buttons-mobile .login-btn,.App>.navbar .auth-buttons-mobile .signup-btn{flex:1 1;height:46px;max-width:none}}@media (max-width:768px){.App>.navbar .logo{font-size:20px}.App>.navbar .logo-img{height:34px}.App>.navbar .nav-donate-btn{height:40px;padding:0 14px}.App>.system-update-banner{font-size:11.5px;gap:6px;padding:6px 12px;top:74px}.App .ah .ah-hero{padding-top:124px}}.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;position:relative}.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}.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}}.back-to-top{background-color:#16a34a;border:none;border-radius:50%;bottom:80px;box-shadow:0 4px 10px #00000026;color:#fff;cursor:pointer;font-size:18px;height:50px;position:absolute;right:20px;transition:all .3s ease;width:50px;z-index:1001}.back-to-top:hover{background-color:#0f8b3a;transform:translateY(-2px)}.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}.divider{align-items:center;display:flex;margin:20px 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #fff6;content:"";flex:1 1}.divider span{color:#555;font-size:.9rem;font-weight:600;padding:0 15px}.google-login-wrapper{display:flex;justify-content:center;margin-top:15px}.google-login-wrapper>div{width:100%!important}.google-login-wrapper button{justify-content:center!important;width:100%!important}@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}.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}.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}}.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}}.dn-overlay{--dn-orange:#f08a1c;--dn-orange-deep:#d8700a;--dn-teal:#0b7d79;--dn-ink:#141414;--dn-text:#2b2b2b;--dn-muted:#6f6a60;--dn-cream:#fbf7ee;--dn-line:#ece4d3;--dn-ease:cubic-bezier(.22,1,.36,1);--dn-serif:"Playfair Display",Georgia,serif;--dn-sans:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;align-items:center;animation:dnFade .3s ease both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#140e069e;color:var(--dn-text);display:flex;font-family:var(--dn-sans);inset:0;justify-content:center;padding:16px;position:fixed;z-index:3000}.dn-overlay *,.dn-overlay :after,.dn-overlay :before{box-sizing:border-box}@keyframes dnFade{0%{opacity:0}}.dn-card{animation:dnRise .45s var(--dn-ease) both;background:var(--dn-cream);border-radius:24px;box-shadow:0 40px 90px -30px #0000008c;display:flex;flex-direction:column;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:hidden;position:relative;width:min(940px,100%)}.dn-scroll{-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.dn-card--failed,.dn-card--pending,.dn-card--sending,.dn-card--waiting{width:min(520px,100%)}.dn-card--success{overflow:hidden;width:min(600px,100%)}@keyframes dnRise{0%{opacity:0;transform:translateY(24px) scale(.97)}}.dn-close{background:#fffffff2;border:0;border-radius:50%;box-shadow:0 6px 18px -6px #00000073;color:var(--dn-ink);cursor:pointer;display:grid;font-size:17px;height:42px;place-items:center;position:absolute;right:14px;top:14px;transition:transform .3s var(--dn-ease),background .2s;width:42px;z-index:5}.dn-close:hover{background:#fff;transform:rotate(90deg)}.dn-split{display:grid;grid-template-columns:5fr 7fr;min-height:560px}.dn-story{align-items:flex-end;background-position:50%;background-size:cover;border-radius:24px 0 0 24px;color:#fff;display:flex;overflow:hidden;position:relative}.dn-story:before{background:linear-gradient(180deg,#07464426,#0746448c 45%,#140e06eb);content:"";inset:0;position:absolute}.dn-story-inner{padding:28px 26px 30px;position:relative}.dn-story-tag{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff29;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;gap:7px;letter-spacing:.02em;padding:6px 12px}.dn-story-tag i{color:var(--dn-orange)}.dn-story-quote{font:700 22px/1.3 var(--dn-serif);margin:16px 0 18px}.dn-story-list{grid-gap:10px;display:grid;font-size:14px;gap:10px;list-style:none;margin:0;padding:0}.dn-story-list li{align-items:center;display:flex;gap:10px}.dn-story-list i{background:var(--dn-orange);border-radius:9px;color:var(--dn-ink);display:grid;flex-shrink:0;font-size:13px;height:30px;place-items:center;width:30px}.dn-form{display:flex;flex-direction:column;padding:34px 34px 28px}.dn-eyebrow{align-items:center;align-self:flex-start;background:#fff;border:1px solid var(--dn-line);border-radius:999px;color:var(--dn-teal);display:inline-flex;font-size:12px;font-weight:700;gap:9px;letter-spacing:.03em;margin:0;padding:6px 12px;text-transform:uppercase}.dn-dot{animation:dnPing 1.8s ease-out infinite;background:var(--dn-orange);border-radius:50%;box-shadow:0 0 0 0 #f08a1c99;height:7px;width:7px}@keyframes dnPing{to{box-shadow:0 0 0 9px #f08a1c00}}.dn-title{color:var(--dn-ink);font:800 30px/1.15 var(--dn-serif);letter-spacing:-.01em;margin:14px 0 10px}.dn-title span{background:linear-gradient(#0000 62%,#f08a1c59 0);color:var(--dn-teal)}.dn-intro{color:var(--dn-muted);font-size:14.5px;line-height:1.65;margin:0 0 20px}.dn-amounts{border:0;margin:0 0 18px;padding:0}.dn-amounts legend,.dn-field-label{color:var(--dn-ink);display:block;font-size:13px;font-weight:700;margin-bottom:9px}.dn-amount-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.dn-amount{background:#fff;border:1.5px solid var(--dn-line);border-radius:12px;color:var(--dn-ink);cursor:pointer;font:700 15px/1 var(--dn-sans);height:48px;transition:transform .25s var(--dn-ease),border-color .2s,background .2s,box-shadow .25s}.dn-amount:hover{border-color:var(--dn-orange);transform:translateY(-2px)}.dn-amount.is-selected{background:var(--dn-ink);border-color:var(--dn-ink);box-shadow:0 12px 24px -14px #141414cc;color:#fff}.dn-custom{align-items:center;background:#fff;border:1.5px solid var(--dn-line);border-radius:12px;display:flex;gap:8px;height:48px;margin-top:10px;padding:0 14px;transition:border-color .2s,box-shadow .2s}.dn-custom:focus-within{border-color:var(--dn-teal);box-shadow:0 0 0 4px #0b7d791f}.dn-custom span{color:var(--dn-muted);font-size:14px;font-weight:700}.dn-custom input{background:#0000;border:0;color:var(--dn-ink);flex:1 1;font:600 15px var(--dn-sans);min-width:0;outline:0}.dn-impact{align-items:flex-start;background:#eaf6f4;border-radius:12px;color:#1f4f4c;display:flex;font-size:13.5px;gap:9px;line-height:1.5;margin:12px 0 0;padding:11px 13px}.dn-impact i{color:var(--dn-teal);margin-top:2px}.dn-field{display:block;margin-bottom:14px}.dn-phone-input{align-items:center;background:#fff;border:1.5px solid var(--dn-line);border-radius:12px;display:flex;gap:10px;height:50px;padding:0 14px;transition:border-color .2s,box-shadow .2s}.dn-phone-input:focus-within{border-color:var(--dn-teal);box-shadow:0 0 0 4px #0b7d791f}.dn-flag{font-size:18px;line-height:1}.dn-phone-input input{background:#0000;border:0;color:var(--dn-ink);flex:1 1;font:600 16px var(--dn-sans);letter-spacing:.02em;min-width:0;outline:0}.dn-phone-ok{animation:dnPop .35s var(--dn-ease);color:#2fa35a;font-size:18px}@keyframes dnPop{0%{transform:scale(0)}}.dn-error{align-items:flex-start;background:#fdecea;border-radius:10px;color:#a5261a;display:flex;font-size:13.5px;font-weight:600;gap:8px;margin:0 0 12px;padding:10px 12px}.dn-btn{align-items:center;border:0;border-radius:13px;cursor:pointer;display:inline-flex;font:700 15px/1 var(--dn-sans);gap:10px;height:50px;justify-content:center;padding:0 22px;text-decoration:none;transition:transform .3s var(--dn-ease),box-shadow .3s,background .25s,color .25s;white-space:nowrap}.dn-btn--primary{background:linear-gradient(135deg,#f7a23b 0,var(--dn-orange) 45%,var(--dn-orange-deep) 100%);box-shadow:0 16px 30px -14px #d8700ad9;color:var(--dn-ink)}.dn-btn--primary:hover{box-shadow:0 20px 36px -14px #d8700af2;transform:translateY(-2px)}.dn-btn--ghost{background:#0000;border:1.5px solid var(--dn-line);color:var(--dn-ink)}.dn-btn--ghost:hover{background:#fff}.dn-btn--print{background:var(--dn-ink);box-shadow:0 14px 28px -14px #141414cc;color:#fff}.dn-btn--print:hover{background:var(--dn-teal);transform:translateY(-2px)}.dn-btn--download{background:var(--dn-teal);box-shadow:0 14px 28px -14px #0b7d79cc;color:#fff}.dn-btn--download:hover{background:#096a67;transform:translateY(-2px)}.dn-btn:disabled{cursor:default;opacity:.7;transform:none}.dn-btn--share{background:#25d366;box-shadow:0 14px 28px -14px #25d366e6;color:#fff}.dn-btn--share:hover{transform:translateY(-2px)}.dn-amount:focus-visible,.dn-btn:focus-visible,.dn-close:focus-visible{outline:3px solid var(--dn-teal);outline-offset:3px}.dn-submit{font-size:16px;height:56px;width:100%}.dn-beat{animation:dnBeat 1.6s ease-in-out infinite;color:#b3200f}@keyframes dnBeat{0%,60%,to{transform:scale(1)}15%{transform:scale(1.28)}30%{transform:scale(.94)}45%{transform:scale(1.16)}}.dn-trust{color:var(--dn-muted);display:flex;flex-wrap:wrap;font-size:12.5px;gap:6px 16px;justify-content:center;list-style:none;margin:14px 0 0;padding:0}.dn-trust i{color:var(--dn-teal);margin-right:5px}.dn-not-now{align-self:center;background:none;border:0;border-radius:999px;color:var(--dn-muted);cursor:pointer;font:600 14px var(--dn-sans);margin-top:10px;padding:8px 16px;text-decoration:underline;text-underline-offset:3px}.dn-not-now:hover{background:#0000000a;color:var(--dn-ink)}.dn-status{padding:44px 34px 34px;text-align:center}.dn-phone{background:#fff;border-radius:50%;box-shadow:0 16px 34px -18px #0b7d79b3;color:var(--dn-teal);display:grid;font-size:40px;height:96px;margin:0 auto 20px;place-items:center;position:relative;width:96px}.dn-phone i{animation:dnBuzz 1.4s ease-in-out infinite}@keyframes dnBuzz{0%,50%,to{transform:rotate(0)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}}.dn-phone-wave{animation:dnWave 2s ease-out infinite;border:2px solid var(--dn-orange);border-radius:50%;inset:0;position:absolute}.dn-phone-wave--2{animation-delay:1s}@keyframes dnWave{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.dn-status-icon{background:#fff;border-radius:50%;box-shadow:0 16px 34px -18px #00000073;color:var(--dn-teal);display:grid;font-size:32px;height:84px;margin:0 auto 20px;place-items:center;width:84px}.dn-status-icon--warn{color:var(--dn-orange-deep)}.dn-status-title{color:var(--dn-ink);font:800 26px/1.2 var(--dn-serif);margin:0 0 10px}.dn-status-text{color:var(--dn-muted);font-size:15px;line-height:1.65;margin:0 auto 22px;max-width:400px}.dn-status-text strong{color:var(--dn-ink)}.dn-steps{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0 auto 20px;max-width:320px;padding:0;text-align:left}.dn-steps li{align-items:center;color:var(--dn-muted);display:flex;font-size:14.5px;gap:12px}.dn-steps span{background:#fff;border:2px solid var(--dn-line);border-radius:50%;display:grid;flex-shrink:0;font-size:13px;font-weight:700;height:30px;place-items:center;width:30px}.dn-steps li.is-done{color:var(--dn-ink)}.dn-steps li.is-done span{background:var(--dn-teal);border-color:var(--dn-teal);color:#fff}.dn-steps li.is-now{color:var(--dn-ink);font-weight:700}.dn-steps li.is-now span{animation:dnNow 1.4s ease-in-out infinite;border-color:var(--dn-orange);color:var(--dn-orange-deep)}@keyframes dnNow{50%{box-shadow:0 0 0 6px #f08a1c33}}.dn-status-note{color:var(--dn-muted);font-size:12.5px;margin:0}.dn-status-note i{color:var(--dn-teal);margin-right:4px}.dn-thanks{background:radial-gradient(circle at 50% 0,#f08a1c38,#0000 55%),radial-gradient(circle at 100% 100%,#0b7d7924,#0000 45%),var(--dn-cream);padding:46px 36px 30px;position:relative;text-align:center}.dn-confetti{inset:0;overflow:hidden;pointer-events:none;position:absolute}.dn-confetti span{animation:dnConfetti 3s cubic-bezier(.25,.6,.4,1) forwards;border-radius:2px;opacity:0;position:absolute;top:-14px}.dn-confetti span:nth-child(3n){border-radius:50%}@keyframes dnConfetti{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--drift),640px) rotate(var(--spin))}}.dn-heart-burst{display:grid;height:104px;margin:6px auto 34px;place-items:center;position:relative;width:104px}.dn-heart-burst i{animation:dnHeartIn .7s var(--dn-ease) both,dnBeat 1.6s ease-in-out .8s infinite;color:#e0342b;filter:drop-shadow(0 12px 18px rgba(224,52,43,.45));font-size:58px;position:relative;z-index:1}@keyframes dnHeartIn{0%{transform:scale(0) rotate(-20deg)}60%{transform:scale(1.25)}}.dn-ring{animation:dnWave 2.2s ease-out infinite;border:3px solid var(--dn-orange);border-radius:50%;inset:0;position:absolute}.dn-ring--2{animation-delay:1.1s;border-color:var(--dn-teal)}.dn-thanks-kicker{color:var(--dn-teal);font-size:12px;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.dn-thanks-title{color:var(--dn-ink);font:900 46px/1.05 var(--dn-serif);margin:6px 0 4px}.dn-thanks-lead{color:var(--dn-orange-deep);font:700 20px/1.35 var(--dn-serif);margin:0 0 14px}.dn-thanks-text{color:var(--dn-text);font-size:15.5px;line-height:1.7;margin:0 auto 22px;max-width:470px}.dn-thanks-text strong{color:var(--dn-ink)}.dn-receipt{grid-gap:10px;background:#fff;border:1px dashed #e2d4b5;border-radius:16px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:0 auto 22px;max-width:480px;padding:14px;text-align:left}.dn-receipt div{display:flex;flex-direction:column;gap:4px;min-width:0}.dn-receipt span{color:var(--dn-muted);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase}.dn-receipt strong{color:var(--dn-ink);font-size:14px;overflow-wrap:anywhere}.dn-code{font-family:monospace;font-size:14px;letter-spacing:.04em}.dn-thanks-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.dn-signoff{color:var(--dn-muted);font-size:13.5px;margin:20px 0 0}.dn-signoff em{color:var(--dn-ink);font-family:var(--dn-serif);font-style:italic}@media (max-width:820px){.dn-split{grid-template-columns:1fr;min-height:0}.dn-story{border-radius:24px 24px 0 0;min-height:190px}.dn-story-inner{padding:20px 20px 18px}.dn-story-quote{font-size:18px;margin:10px 0 0}.dn-story-list{display:none}.dn-form{padding:24px 20px 22px}.dn-title{font-size:25px}}@media (max-width:480px){.dn-overlay{align-items:flex-end;padding:0}.dn-card{border-radius:24px 24px 0 0;max-height:100vh;max-height:100dvh}.dn-close{right:12px;top:max(12px,env(safe-area-inset-top))}.dn-amount-grid{gap:8px}.dn-amount{font-size:14px;height:46px}.dn-status{padding:38px 20px 28px}.dn-thanks{padding:40px 20px 26px}.dn-thanks-title{font-size:38px}.dn-receipt{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.dn-overlay *,.dn-overlay :after,.dn-overlay :before{animation:none!important;transition:none!important}.dn-confetti{display:none}}.dl-overlay{align-items:center;animation:dlFade .25s ease both;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#041615a8;display:flex;font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;inset:0;justify-content:center;padding:16px;position:fixed;z-index:3400}.dl-overlay *,.dl-overlay :after,.dl-overlay :before{box-sizing:border-box}@keyframes dlFade{0%{opacity:0}}.dl-card{animation:dlPop .45s cubic-bezier(.34,1.56,.64,1) both;background:radial-gradient(circle at 50% 0,#f08a1c29,#0000 60%),radial-gradient(circle at 100% 100%,#0b7d7924,#0000 50%),#fbf7ee;border-radius:26px;box-shadow:0 40px 90px -30px #0009;padding:22px 24px 26px;text-align:center;width:min(380px,100%)}@keyframes dlPop{0%{opacity:0;transform:scale(.9) translateY(20px)}}.dl-stage{aspect-ratio:320/240;margin:0 auto;max-width:320px;position:relative;width:100%}.dl-layer{height:100%;inset:0;overflow:visible;position:absolute;width:100%}.dl-shadow{fill:#0000001f}.dl-box-bounce{animation:dlLand .6s ease-in-out .45s infinite;transform-box:view-box;transform-origin:216px 220px}@keyframes dlLand{0%,to{transform:scale(1)}30%{transform:scale(1.04,.95)}55%{transform:scale(.98,1.02)}}.dl-flap{transform-box:fill-box;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.dl-flap--left{animation:dlFlapL 1.2s ease-in-out infinite;transform-origin:100% 100%}.dl-flap--right{animation:dlFlapR 1.2s ease-in-out infinite;transform-origin:0 100%}@keyframes dlFlapL{50%{transform:rotate(-6deg)}}@keyframes dlFlapR{50%{transform:rotate(6deg)}}.dl-arrow{animation:dlArrow 1.2s ease-in-out infinite}@keyframes dlArrow{50%{transform:translate(216px,190px)}}.dl-arm{animation:dlThrow .6s cubic-bezier(.5,0,.3,1) infinite;transform-box:view-box;transform-origin:6px 212px}@keyframes dlThrow{0%{transform:rotate(10deg)}35%{transform:rotate(-16deg)}to{transform:rotate(10deg)}}.dl-hand{animation:dlFlick .6s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 90%}@keyframes dlFlick{35%{transform:rotate(-14deg)}}.dl-tick{aspect-ratio:1;background:#2bd47f;border-radius:50%;box-shadow:0 10px 22px -8px #2bd47fe6;color:#fff;display:grid;font-size:clamp(16px,5vw,22px);left:67.5%;place-items:center;position:absolute;top:72%;transform:translate(-50%,-50%) scale(0);width:15%}.dl-card--done .dl-tick{animation:dlTick .55s cubic-bezier(.34,1.56,.64,1) .1s forwards}@keyframes dlTick{to{transform:translate(-50%,-50%) scale(1)}}.dl-card--done .dl-arm,.dl-card--done .dl-arrow,.dl-card--done .dl-box-bounce,.dl-card--done .dl-hand,.dl-card--failed .dl-arm,.dl-card--failed .dl-arrow,.dl-card--failed .dl-box-bounce,.dl-card--failed .dl-hand{animation:none}.dl-card--done .dl-pages,.dl-card--failed .dl-pages{display:none}.dl-card--done .dl-flap--left{animation:none;transform:rotate(-150deg) scaleY(.6)}.dl-card--done .dl-flap--right{animation:none;transform:rotate(150deg) scaleY(.6)}.dl-card--done .dl-arm{transform:rotate(14deg);transition:transform .5s ease}.dl-count{margin-top:6px}.dl-percent{font-feature-settings:"tnum";align-items:flex-start;background:linear-gradient(120deg,#0b7d79,#14a39d 40%,#f08a1c);-webkit-background-clip:text;background-clip:text;color:#0000;display:inline-flex;font:900 64px/1 Playfair Display,Georgia,serif;font-variant-numeric:tabular-nums;gap:2px;letter-spacing:-.02em}.dl-percent small{font-size:26px;margin-top:8px}.dl-card--done .dl-percent{animation:dlPulse .6s cubic-bezier(.34,1.56,.64,1)}@keyframes dlPulse{50%{transform:scale(1.12)}}.dl-bar{background:#ece4d3;border-radius:999px;box-shadow:inset 0 1px 2px #00000014;height:12px;margin:12px auto 0;max-width:280px;overflow:hidden;position:relative}.dl-bar span{animation:dlStripes .7s linear infinite;background:repeating-linear-gradient(-45deg,#ffffff47 0 8px,#0000 8px 16px),linear-gradient(90deg,#0b7d79,#14a39d 50%,#f08a1c);background-size:22px 22px,100% 100%;border-radius:inherit;inset:0 auto 0 0;position:absolute;transition:width .12s linear}.dl-bar span:after{background:radial-gradient(circle at 100% 50%,#ffffffe6,#0000 70%);bottom:0;content:"";position:absolute;right:0;top:0;width:26px}@keyframes dlStripes{to{background-position:22px 0,0 0}}.dl-card--done .dl-bar span{animation:none;background:linear-gradient(90deg,#2bd47f,#14a39d)}.dl-status{align-items:center;color:#1d2030;display:flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;margin:14px 0 0;min-height:22px}.dl-card--done .dl-status{color:#0b7d79}.dl-card--done .dl-status i{color:#2bd47f}.dl-card--failed .dl-status{color:#a5261a}.dl-sub{color:#6f6a60;font-size:13px;margin:4px 0 0}.dl-close{background:#fff;border:1.5px solid #ece4d3;border-radius:999px;cursor:pointer;font:700 14px DM Sans,system-ui,sans-serif;height:42px;margin-top:14px;padding:0 20px}@media (prefers-reduced-motion:reduce){.dl-overlay *,.dl-overlay :after,.dl-overlay :before{animation:none!important;transition:none!important}.dl-pages{display:none}.dl-card--done .dl-tick{transform:translate(-50%,-50%) scale(1)}}.rc-overlay{--rc-teal-bright:#14a39d;--rc-teal:#0b7d79;--rc-teal-deep:#053f3d;--rc-orange:#f08a1c;--rc-success:#2bd47f;--rc-paper:#fffdf8;--rc-paper-edge:#f1ecdf;--rc-ink:#1d2030;--rc-ink-soft:#6e7186;--rc-stamp:#c0262b;--rc-ease:cubic-bezier(.22,1,.36,1);align-items:flex-start;animation:rcFade .28s ease both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#041615b8;display:flex;font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;inset:0;justify-content:center;overflow-y:auto;padding:28px 16px 40px;position:fixed;z-index:3200}@keyframes rcFade{0%{opacity:0}}.rc-overlay *,.rc-overlay :after,.rc-overlay :before{box-sizing:border-box}.rc-stage{margin:auto 0;position:relative;width:min(360px,100%)}.rc-card{animation:rcCardIn .62s cubic-bezier(.34,1.56,.64,1) both,rcGlow 1.3s ease-in-out .6s infinite alternate;background:linear-gradient(135deg,var(--rc-teal-bright) 0,var(--rc-teal) 45%,var(--rc-teal-deep) 100%);border:1px solid #fff3;border-radius:26px;box-shadow:0 16px 36px -6px #f08a1c73;color:#fff;height:190px;padding:14px 16px 0;position:relative;z-index:2}.rc-card:before{background:linear-gradient(#ffffff29,#fff0);border-radius:26px 26px 0 0;content:"";height:80px;inset:0 0 auto;pointer-events:none;position:absolute}@keyframes rcCardIn{0%{opacity:0;transform:translateY(-40px)}}@keyframes rcGlow{to{box-shadow:0 16px 40px 0 #f08a1cb3}}.rc-stage--tearing .rc-card{animation:rcBump .72s ease both}.rc-stage--done .rc-card{animation:none;box-shadow:0 16px 36px -6px #2bd47f80}@keyframes rcBump{50%{transform:translateY(-5px)}}.rc-card-top{align-items:center;display:flex;gap:10px;position:relative}.rc-brand{background:#fff;border:1px solid #fff6;border-radius:10px;flex-shrink:0;height:32px;overflow:hidden;width:32px}.rc-brand img{height:100%;object-fit:cover;width:100%}.rc-brand-text{display:flex;flex:1 1;flex-direction:column;min-width:0}.rc-brand-text strong{font-size:14px;font-weight:800}.rc-brand-text small{color:#ffffffb8;font-size:11px}.rc-chip{align-items:center;background:#ffffff29;border-radius:999px;display:inline-flex;font-size:10px;font-weight:800;gap:6px;letter-spacing:.09em;padding:5px 10px 5px 8px}.rc-chip i{animation:rcLed .65s ease-in-out infinite alternate;background:var(--rc-orange);border-radius:50%;box-shadow:0 0 8px var(--rc-orange);height:7px;width:7px}.rc-chip--done i,.rc-chip--tearing i{animation:none;background:var(--rc-success);box-shadow:0 0 8px var(--rc-success)}@keyframes rcLed{0%{opacity:.4}}.rc-card-body{background:#ffffff1f;border:1px solid #ffffff29;border-radius:16px;margin-top:12px;padding:11px 14px 12px;position:relative}.rc-card-k{color:#ffffffbf;font-size:11px;margin:0}.rc-card-amount{font-feature-settings:"tnum";font-size:25px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.01em;margin:2px 0 0}.rc-card-status{align-items:center;display:flex;font-size:12.5px;font-weight:600;gap:8px;margin:8px 0 9px}.rc-card-status .fa-check-circle{color:var(--rc-success)}.rc-spin{animation:rcSpin .8s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;height:13px;width:13px}@keyframes rcSpin{to{transform:rotate(1turn)}}.rc-progress{background:#fff3;border-radius:4px;height:4px;overflow:hidden}.rc-progress span{background:linear-gradient(90deg,#fff,var(--rc-orange));display:block;height:100%;transform-origin:left;transition:transform .15s linear}.rc-stage--done .rc-progress span{background:linear-gradient(90deg,#fff,var(--rc-success))}.rc-slot{background:linear-gradient(#000,#021514);border-radius:6px;box-shadow:0 1px 0 #ffffff40;height:10px;margin:-25px 18px 0;position:relative;z-index:3}.rc-paper-area{margin:-5px auto 0;max-width:calc(100% - 36px);overflow:hidden;position:relative;width:300px;z-index:1}.rc-stage--done .rc-paper-area,.rc-stage--tearing .rc-paper-area{overflow:visible}.rc-paper-move{will-change:transform}.rc-stage--done .rc-paper,.rc-stage--tearing .rc-paper{animation:rcTear .72s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes rcTear{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(14px) rotate(-2.6deg)}to{transform:translateY(22px) rotate(-.7deg)}}.rc-paper{--rc-tooth:9px;background:linear-gradient(90deg,var(--rc-paper-edge),var(--rc-paper) 8%,var(--rc-paper) 92%,var(--rc-paper-edge));color:var(--rc-ink);filter:drop-shadow(0 10px 14px rgba(0,0,0,.45));-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom /var(--rc-tooth) 5px repeat-x,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top /var(--rc-tooth) 5px repeat-x,linear-gradient(#000 0 0) center /100% calc(100% - 9px) no-repeat;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom /var(--rc-tooth) 5px repeat-x,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top /var(--rc-tooth) 5px repeat-x,linear-gradient(#000 0 0) center /100% calc(100% - 9px) no-repeat;position:relative;transform-origin:top center}.rc-paper-inner{font-feature-settings:"tnum";font-family:Courier New,Menlo,Roboto Mono,monospace;font-variant-numeric:tabular-nums;padding:22px 18px 20px}.rc-fresh{background:linear-gradient(#00000040,#fffdf8d9 22%,#fffdf800);height:46px;left:0;right:0;top:0}.rc-fresh,.rc-shine{pointer-events:none;position:absolute}.rc-shine{animation:rcShine 1.1s ease-in-out .35s both;background:linear-gradient(90deg,#fff0,#ffffffbf,#fff0);bottom:-20%;left:-40%;top:-20%;transform:rotate(22deg);width:70px}@keyframes rcShine{0%{left:-40%}to{left:130%}}.rc-head{text-align:center}.rc-logo{border-radius:12px;height:46px;object-fit:cover;width:46px}.rc-org{font:800 14px/1.25 DM Sans,system-ui,sans-serif;letter-spacing:.01em;margin:6px 0 0}.rc-addr{color:var(--rc-ink-soft);font-size:10px;letter-spacing:.08em;margin:2px 0 0}.rc-addr,.rc-doc{text-transform:uppercase}.rc-doc{background:var(--rc-teal);border-radius:999px;color:#fff;display:inline-block;font-size:11px;font-weight:800;letter-spacing:.16em;margin:10px 0 0;padding:4px 12px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.rc-rule{background:repeating-linear-gradient(90deg,#6e718680 0 4px,#0000 4px 7px);height:1px;margin:12px 0}.rc-rule--twin{background:repeating-linear-gradient(90deg,#6e718699 0 4px,#0000 4px 7px) top /100% 1px no-repeat,repeating-linear-gradient(90deg,#6e718699 0 4px,#0000 4px 7px) bottom /100% 1px no-repeat;height:5px}.rc-info{grid-gap:5px 10px;display:grid;font-size:11px;gap:5px 10px;grid-template-columns:auto 1fr;margin:0}.rc-info dt{color:var(--rc-ink-soft)}.rc-info dd{font-weight:700;margin:0;overflow-wrap:anywhere;text-align:right}.rc-line{display:flex;font-size:11.5px;gap:10px;justify-content:space-between}.rc-total{display:flex;flex-direction:column;gap:3px;padding:4px 0;position:relative}.rc-total-label{color:var(--rc-ink-soft);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.rc-total-value{font-size:19px;font-weight:800;letter-spacing:-.01em}.rc-stamp{align-items:center;animation:rcStamp .52s cubic-bezier(.55,0,.7,.4) both;border:3px solid var(--rc-stamp);border-radius:8px;box-shadow:inset 0 0 0 1.5px #c0262b59;color:var(--rc-stamp);display:flex;flex-direction:column;-webkit-mask-image:radial-gradient(circle at 30% 40%,#000 55%,#000000c7 70%,#000 85%);mask-image:radial-gradient(circle at 30% 40%,#000 55%,#000000c7 70%,#000 85%);mix-blend-mode:multiply;opacity:.9;padding:4px 10px 5px;position:absolute;-webkit-print-color-adjust:exact;print-color-adjust:exact;right:0;top:2px;transform:rotate(-12deg)}@keyframes rcStamp{0%{opacity:0;transform:rotate(-12deg) scale(2.4)}55%{opacity:.9;transform:rotate(-12deg) scale(1)}75%{transform:rotate(-12deg) scale(.93)}to{opacity:.9;transform:rotate(-12deg) scale(1)}}.rc-stamp-word{font:900 18px/1.05 DM Sans,system-ui,sans-serif;letter-spacing:.13em}.rc-stamp-date{font-size:8px;font-weight:700;letter-spacing:.12em}.rc-thanks{color:var(--rc-ink);font-size:10.5px;line-height:1.5;margin:0 0 12px;text-align:center}.rc-barcode{display:block;height:40px;margin:0 auto;max-width:100%;width:200px}.rc-ref{font-size:10px;letter-spacing:.2em;margin:4px 0 0}.rc-foot,.rc-ref{color:var(--rc-ink-soft);text-align:center}.rc-foot{font-size:9px;margin:8px 0 0}.rc-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px;opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .42s var(--rc-ease),transform .42s var(--rc-ease)}.rc-stage--done .rc-actions{opacity:1;pointer-events:auto;transform:none;transition-delay:.35s}.rc-btn{align-items:center;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font:700 14px/1 DM Sans,system-ui,sans-serif;gap:8px;height:46px;padding:0 18px;transition:transform .25s var(--rc-ease),background .2s}.rc-btn:hover{background:#fff3;transform:translateY(-2px)}.rc-btn--primary{background:#fff;border-color:#fff;color:var(--rc-teal-deep)}.rc-btn--primary:hover{background:#fff}.rc-btn:focus-visible{outline:3px solid var(--rc-orange);outline-offset:3px}@media (prefers-reduced-motion:reduce){.rc-overlay *,.rc-overlay :after,.rc-overlay :before{animation:none!important;transition:none!important}}.rc-print-sheet{display:none}@media print{@page{margin:10mm}body,html{background:#fff!important}body>:not(.rc-print-sheet){display:none!important}.rc-print-sheet{display:block!important}.rc-paper--print{--rc-paper:#fff;--rc-ink:#1d2030;--rc-ink-soft:#55586b;--rc-teal:#0b7d79;--rc-stamp:#c0262b;background:#fff;border:1px dashed #bbb;color:var(--rc-ink);filter:none;margin:0 auto;-webkit-mask:none;mask:none;width:80mm}.rc-paper--print .rc-stamp{animation:none;-webkit-mask-image:none;mask-image:none;mix-blend-mode:normal}}.rc-export-host,.rc-print-sheet{--rc-teal:#0b7d79;--rc-paper:#fff;--rc-ink:#1d2030;--rc-ink-soft:#55586b;--rc-stamp:#c0262b}.rc-export-host{left:-10000px;pointer-events:none;position:fixed;top:0}.rc-export-host *{box-sizing:border-box}.rc-paper--export{background:#fff;color:var(--rc-ink);filter:none;-webkit-mask:none;mask:none;width:302px}.rc-paper--export .rc-stamp{animation:none;box-shadow:none;-webkit-mask-image:none;mask-image:none;mix-blend-mode:normal}.rc-paper--export .rc-rule{background:none;border-top:1px dashed #6e7186b3;height:0}.rc-paper--export .rc-rule--twin{border-bottom:1px dashed #6e7186b3;height:4px}.rc-paper--export .rc-barcode{height:40px;width:200px}.rc-btn:disabled{cursor:default;opacity:.7;transform:none}@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{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}.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}}.cookie-consent-overlay{animation:slideInFromLeft .8s cubic-bezier(.68,-.55,.265,1.55);height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:450px;z-index:99998}.cookie-consent-overlay.slide-out{animation:slideOutToLeft .5s cubic-bezier(.6,-.28,.735,.045) forwards}.cookie-consent-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#2e8b57f2,#654321fa);border-right:2px solid #90ee9066;box-shadow:0 0 60px #2e8b574d,0 0 100px #8b451333;height:100%;overflow-y:auto;padding:40px 30px;pointer-events:all;position:relative}.cookie-glow-effect{animation:glowPulse 4s ease-in-out infinite;background:radial-gradient(circle,#90ee9026 0,#0000 70%);height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.cookie-floating-particles{height:100%;overflow:hidden;pointer-events:none;position:absolute;width:100%}.particle{animation:floatParticle 8s ease-in-out infinite;background:linear-gradient(45deg,#90ee90,#d2691e);border-radius:50%;box-shadow:0 0 10px #90ee90cc;height:4px;position:absolute;width:4px}.particle-1{animation-delay:0s;left:10%;top:20%}.particle-2{animation-delay:2s;left:80%;top:50%}.particle-3{animation-delay:4s;left:30%;top:70%}.particle-4{animation-delay:6s;left:60%;top:40%}.cookie-header{animation:fadeInDown .8s ease-out .3s backwards;margin-bottom:30px;text-align:center}.cookie-icon-wrapper{display:inline-block;margin-bottom:20px;position:relative}.cookie-icon-wrapper i{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#90ee90,#d2691e,#90ee90);-webkit-background-clip:text;background-size:200% 200%;filter:drop-shadow(0 0 20px rgba(144,238,144,.6));font-size:60px}.icon-pulse{animation:pulseBorder 2s ease-out infinite;border:2px solid #90ee9080;border-radius:50%;height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}.cookie-title{display:flex;font-size:2rem;font-weight:800;gap:10px;justify-content:center;margin:0}.title-word{-webkit-text-fill-color:#0000;animation:fadeInUp .6s ease-out backwards;background:linear-gradient(135deg,#90ee90,#d2691e);-webkit-background-clip:text;display:inline-block;text-shadow:0 0 30px #90ee9080}.title-word:first-child{animation-delay:.4s}.title-word:nth-child(2){animation-delay:.6s}.cookie-content{animation:fadeInUp .8s ease-out .5s backwards}.cookie-text{color:#fff;font-size:1rem;font-weight:400;line-height:1.8;margin-bottom:25px;text-align:justify}.cookie-text .highlight{background:#90ee9033;border-radius:4px;color:#fff;font-weight:700;padding:2px 6px;text-shadow:none}.cookie-features{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.feature-item{animation:fadeInScale .6s ease-out backwards;background:#90ee9014;border:1px solid #90ee904d;border-radius:12px;flex:1 1;min-width:120px;padding:12px;text-align:center;transition:all .3s ease}.feature-item:first-child{animation-delay:.7s}.feature-item:nth-child(2){animation-delay:.8s}.feature-item:nth-child(3){animation-delay:.9s}.feature-item:hover{background:#90ee9026;border-color:#90ee9099;box-shadow:0 5px 20px #90ee9066;transform:translateY(-3px)}.feature-item i{color:#90ee90;display:block;filter:drop-shadow(0 0 10px rgba(144,238,144,.6));font-size:1.5rem;margin-bottom:8px}.feature-item span{color:#fff;font-size:.85rem;font-weight:600}.cookie-details{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.detail-card{animation:fadeInLeft .6s ease-out backwards;background:#d2691e26;border:1px solid #d2691e66;border-radius:12px;padding:15px;transition:all .3s ease}.detail-card:first-child{animation-delay:1s}.detail-card:nth-child(2){animation-delay:1.1s}.detail-card:hover{background:#d2691e40;border-color:#d2691e99;box-shadow:0 5px 20px #d2691e66;transform:translateX(5px)}.detail-card h4{color:gold;font-size:1.05rem;font-weight:700;margin:0 0 8px;text-shadow:none}.detail-card p{color:#fff;font-size:.9rem;line-height:1.6;margin:0}.cookie-actions{animation:fadeInUp .8s ease-out 1.2s backwards;display:flex;gap:15px;margin-bottom:20px}.cookie-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;letter-spacing:1px;overflow:hidden;padding:15px 25px;position:relative;text-transform:uppercase;transition:all .3s ease}.accept-btn{background:linear-gradient(135deg,#2e8b57,#3cb371);box-shadow:0 5px 20px #2e8b5780;color:#fff}.accept-btn:hover{box-shadow:0 8px 30px #2e8b57b3;transform:translateY(-3px)}.decline-btn{background:#d2691e4d;border:2px solid #d2691e80;color:#fff}.decline-btn:hover{background:#d2691e80;border-color:#d2691ecc;transform:translateY(-3px)}.btn-shimmer{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;width:100%}.btn-text{position:relative;z-index:1}.cookie-footer{animation:fadeIn 1s ease-out 1.4s backwards;border-top:1px solid #fff3;padding-top:20px;text-align:center}.footer-link{color:gold;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s ease}.footer-link:hover{color:#fff;text-shadow:none}.footer-divider{color:#fff;font-weight:700;margin:0 10px}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutToLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}@keyframes glowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes floatParticle{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-20px) translateX(10px)}50%{transform:translateY(-10px) translateX(-10px)}75%{transform:translateY(-30px) translateX(5px)}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes pulseBorder{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{left:-100%}to{left:200%}}@media (max-width:768px){.cookie-consent-overlay{max-width:100vw;width:100%}.cookie-consent-panel{font-size:14px;padding:25px 20px}.cookie-title{flex-direction:column;font-size:1.4rem;gap:5px}.cookie-icon-wrapper i{font-size:50px}.icon-pulse{height:70px;width:70px}.cookie-text{font-size:.9rem;line-height:1.6}.cookie-actions{flex-direction:column;gap:12px}.cookie-btn{font-size:.95rem;padding:14px 20px}.cookie-features{flex-direction:column;gap:12px}.feature-item{min-width:100%;padding:15px}.feature-item i{font-size:1.8rem}.feature-item span{font-size:.85rem}.detail-card{padding:12px}.detail-card h4{font-size:.95rem}.cookie-footer,.footer-link{font-size:.8rem}}.ah{--ah-orange:#f08a1c;--ah-orange-soft:#ffe3bf;--ah-teal:#0b7d79;--ah-teal-deep:#075e5b;--ah-ink:#141414;--ah-text:#2b2b2b;--ah-muted:#6f6a60;--ah-cream:#fbf7ee;--ah-line:#ece4d3;--ah-ease:cubic-bezier(.22,1,.36,1);--ah-serif:"Playfair Display",Georgia,"Times New Roman",serif;--ah-sans:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;background:var(--ah-cream);color:var(--ah-text);font-family:var(--ah-sans);overflow:hidden;position:relative;scroll-margin-top:80px}.ah *,.ah :after,.ah :before{box-sizing:border-box}.ah p{margin:0}.ah button{font:inherit}.ah-btn{align-items:center;border:0;border-radius:10px;cursor:pointer;display:inline-flex;font:700 14px/1 var(--ah-sans);gap:9px;height:44px;isolation:isolate;letter-spacing:.01em;overflow:hidden;padding:0 20px;position:relative;transition:transform .35s var(--ah-ease),box-shadow .35s var(--ah-ease),background .3s,color .3s;white-space:nowrap}.ah-btn--dark{background:var(--ah-ink);box-shadow:0 10px 24px -12px #141414b3;color:#fff}.ah-btn--dark:before{background:var(--ah-orange);content:"";inset:0;position:absolute;transform:translateY(101%);transition:transform .45s var(--ah-ease);z-index:-1}.ah-btn--dark:hover{box-shadow:0 16px 30px -14px #f08a1ce6;color:var(--ah-ink);transform:translateY(-2px)}.ah-btn--dark:hover:before{transform:none}.ah-btn--lg{border-radius:12px;font-size:15px;height:56px;padding:0 30px}.ah-btn:focus-visible,.ah-feature-main:focus-visible,.ah-feature-more:focus-visible,.ah-link:focus-visible{outline:3px solid var(--ah-orange);outline-offset:3px}.ah-heart{animation:ahBeat 1.8s ease-in-out infinite;color:var(--ah-orange);transition:color .3s}.ah-btn--dark:hover .ah-heart{color:#c0262b}@keyframes ahBeat{0%,60%,to{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(.95)}45%{transform:scale(1.15)}}.ah-link{align-items:center;background:none;border:0;color:var(--ah-ink);cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:8px;padding:6px 2px;position:relative}.ah-link:after{background:var(--ah-orange);bottom:0;content:"";height:2px;left:0;position:absolute;right:26px;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ah-ease)}.ah-link svg{transition:transform .35s var(--ah-ease)}.ah-link:hover:after{transform:scaleX(1)}.ah-link:hover svg{transform:translateX(5px)}.ah-hero{grid-gap:clamp(24px,3vw,64px);align-items:center;display:grid;gap:clamp(24px,3vw,64px);grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);margin:0 auto;max-width:2240px;padding:40px clamp(16px,5vw,96px) 16px;position:relative}.ah-blob{border-radius:50%;filter:blur(70px);pointer-events:none;position:absolute;z-index:0}.ah-blob--a{animation:ahFloat 16s ease-in-out infinite;background:var(--ah-orange-soft);height:420px;opacity:.7;right:-120px;top:-80px;width:420px}.ah-blob--b{animation:ahFloat 20s ease-in-out infinite reverse;background:#c9ece7;bottom:0;height:320px;left:-140px;opacity:.55;width:320px}@keyframes ahFloat{50%{transform:translate(30px,40px) scale(1.08)}}.ah-copy{max-width:clamp(560px,36vw,860px);position:relative;z-index:2}.ah-eyebrow{align-items:center;background:#fff;border:1px solid var(--ah-line);border-radius:999px;box-shadow:0 8px 20px -16px #0006;color:var(--ah-muted);display:inline-flex;font-size:13px;font-weight:500;gap:10px;opacity:0;padding:8px 14px 8px 12px;transform:translateY(12px);transition:all .8s var(--ah-ease) .1s}.ah-eyebrow em{color:var(--ah-teal);font-style:normal;font-weight:700}.ah-dot{flex-shrink:0;height:8px;position:relative;width:8px}.ah-dot,.ah-dot:after{background:var(--ah-teal);border-radius:50%}.ah-dot:after{animation:ahPing 1.8s ease-out infinite;content:"";inset:0;position:absolute}@keyframes ahPing{to{opacity:0;transform:scale(3)}}.ah-title{color:var(--ah-ink);font-family:var(--ah-serif);font-size:clamp(40px,4.6vw,116px);font-weight:800;letter-spacing:-.02em;line-height:1.06;margin:22px 0}.ah-w{margin-bottom:-.06em;overflow:hidden;padding-bottom:.06em;vertical-align:bottom}.ah-w,.ah-w>span{display:inline-block}.ah-w>span{transform:translateY(110%);transition:transform .9s var(--ah-ease);transition-delay:calc(.25s + var(--i)*70ms)}.ah-mark{color:var(--ah-teal-deep);display:inline-block;position:relative;white-space:nowrap;z-index:0}.ah-underline{bottom:-.12em;height:.42em;left:-4%;overflow:visible;position:absolute;width:108%;z-index:-1}.ah-underline path{fill:none;stroke:var(--ah-orange);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s var(--ah-ease) 1.3s}.ah-underline path:first-child{stroke-width:9}.ah-underline path:last-child{stroke-width:5;opacity:.7;transition-delay:1.55s}.ah-lead{color:var(--ah-muted);font-size:clamp(17px,1.05vw,23px);line-height:1.7;max-width:clamp(480px,30vw,700px);opacity:0;transform:translateY(14px);transition:all .9s var(--ah-ease) 1s}.ah-ctas{flex-wrap:wrap;gap:26px;margin-top:32px;transform:translateY(14px);transition:all .9s var(--ah-ease) 1.15s}.ah-ctas,.ah-trust{align-items:center;display:flex;opacity:0}.ah-trust{color:var(--ah-muted);font-size:14px;gap:14px;margin-top:36px;transition:opacity 1s ease 1.4s}.ah-trust strong{color:var(--ah-ink)}.ah-avatars{display:flex}.ah-avatars span{background:#fff;border:3px solid var(--ah-cream);border-radius:50%;box-shadow:0 6px 14px -8px #00000059;display:grid;height:38px;margin-left:-12px;overflow:hidden;place-items:center;transform:scale(0);transition:transform .5s var(--ah-ease);transition-delay:calc(1.5s + var(--i)*90ms);width:38px}.ah-avatars span:first-child{margin-left:0}.ah-avatars img{height:100%;object-fit:contain;padding:3px;width:100%}.is-ready .ah-ctas,.is-ready .ah-eyebrow,.is-ready .ah-lead{opacity:1;transform:none}.is-ready .ah-trust{opacity:1}.is-ready .ah-avatars span{transform:scale(1)}.is-ready .ah-w>span{transform:none}.is-ready .ah-underline path{stroke-dashoffset:0}.ah-stage{--px:0;--py:0;aspect-ratio:760/781;justify-self:end;margin-right:clamp(8px,1.5vw,40px);position:relative;width:min(100%,max(540px,calc(100svh*760/781 - 282.2023px)));z-index:1}.ah-layer{height:100%;inset:0;overflow:visible;position:absolute;transition:transform .6s var(--ah-ease);width:100%}.ah-layer--world{-webkit-mask-image:radial-gradient(ellipse 62% 58% at 55% 50%,#000 60%,#0000 100%);mask-image:radial-gradient(ellipse 62% 58% at 55% 50%,#000 60%,#0000 100%);overflow:hidden;transform:translate(calc(var(--px)*-10px),calc(var(--py)*-10px))}.ah-layer--africa{filter:drop-shadow(0 28px 40px rgba(7,94,91,.28));transform:translate(calc(var(--px)*14px),calc(var(--py)*14px))}.ah-layer--brush{pointer-events:none;transform:translate(calc(var(--px)*26px),calc(var(--py)*26px))}.ah-land{fill:#f1e6cc;opacity:0;transition:opacity 1.2s ease .2s}.ah-dots{fill:#d2bd92;opacity:0;transform:scale(.97);transform-box:fill-box;transform-origin:center;transition:opacity 1.4s ease .5s,transform 1.4s var(--ah-ease) .5s}.is-ready .ah-land{opacity:.75}.is-ready .ah-dots{opacity:.9;transform:none}.ah-reveal-c{transform:scale(0);transform-box:fill-box;transform-origin:center;transition:transform 1.6s var(--ah-ease) .45s}.is-ready .ah-reveal-c{transform:scale(1)}.ah-outline{fill:none;stroke:#fff;stroke-width:3;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.9;transition:stroke-dashoffset 2.4s var(--ah-ease) .2s}.is-ready .ah-outline{stroke-dashoffset:0}.ah-sun{animation:ahGlow 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.ah-sun circle:last-child{transform:translateY(60px);transition:transform 2.2s var(--ah-ease) .8s}.is-ready .ah-sun circle:last-child{transform:none}@keyframes ahGlow{50%{opacity:.9;transform:scale(1.03)}}.ah-clouds{animation:ahDrift 18s ease-in-out infinite alternate}@keyframes ahDrift{to{transform:translateX(26px)}}.ah-birds{animation:ahFly 14s linear infinite}@keyframes ahFly{0%{transform:translate(-40px,10px)}50%{transform:translate(60px,-12px)}to{transform:translate(-40px,10px)}}.ah-bird{animation:ahFlap .9s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.ah-bird.b2{animation-delay:-.3s}.ah-bird.b3{animation-delay:-.6s}@keyframes ahFlap{50%{transform:scaleY(.45)}}.ah-canopy{animation:ahSway 6s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}@keyframes ahSway{50%{transform:rotate(-1.2deg) translateX(-2px)}}.ah-pin-dot{fill:#ffc72c;stroke:var(--ah-ink);stroke-width:3;transform:scale(0);transition:transform .5s var(--ah-ease);transition-delay:calc(1.8s + var(--i)*.11s)}.ah-pin-ring{fill:none;stroke:#fff;stroke-width:2.5;opacity:0;transform-box:fill-box;transform-origin:center}.is-ready .ah-pin-dot{transform:scale(1)}.is-ready .ah-pin-ring{animation:ahRing 2.4s ease-out infinite;animation-delay:calc(2.4s + var(--i)*.3s)}@keyframes ahRing{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3.4)}}.ah-stroke{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s var(--ah-ease)}.ah-stroke.s1{transition-delay:1.3s}.ah-stroke.s2{transition-delay:1.5s}.ah-stroke.s3{transition-delay:1.6s}.ah-stroke.s4{transition-delay:1.85s}.ah-stroke.s5{transition-delay:2s}.is-ready .ah-stroke{stroke-dashoffset:0}.ah-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffed;border:1px solid #fffc;border-radius:18px;box-shadow:0 24px 50px -24px #3c280a73;position:absolute;z-index:3}.ah-appeal{align-items:center;display:flex;gap:12px;opacity:0;padding:14px 16px;right:2%;top:4%;transform:translateY(-14px) scale(.96);transition:all .9s var(--ah-ease) 2.1s;width:268px}.is-ready .ah-appeal{animation:ahBob 6s ease-in-out 3s infinite;opacity:1;transform:none}.ah-appeal-ic{background:#dff2ef;border-radius:12px;color:var(--ah-teal);display:grid;flex-shrink:0;height:42px;place-items:center;width:42px}.ah-appeal-k{color:var(--ah-orange);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ah-appeal-t{color:var(--ah-ink);font-size:14px;font-weight:700;margin-top:2px!important}.ah-appeal-c{color:var(--ah-muted);font-size:11.5px;line-height:1.35;margin-top:3px!important}@keyframes ahBob{50%{transform:translateY(-8px)}}.ah-eq{align-items:flex-end;display:flex;flex-shrink:0;gap:3px;height:22px;margin-left:auto}.ah-eq i{animation:ahEq 1.1s ease-in-out infinite;background:var(--ah-orange);border-radius:2px;height:100%;transform-origin:bottom;width:4px}.ah-eq i:nth-child(2){animation-delay:-.45s;background:var(--ah-teal)}.ah-eq i:nth-child(3){animation-delay:-.8s}.ah-eq i:nth-child(4){animation-delay:-.2s;background:var(--ah-teal)}@keyframes ahEq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.ah-stat{align-items:center;display:flex;gap:26px;opacity:0;position:absolute;right:3%;top:78%;transform:translateX(20px);transition:all .9s var(--ah-ease) 1.9s;z-index:3}.is-ready .ah-stat{opacity:1;transform:none}.ah-stat strong{font-feature-settings:"tnum";color:var(--ah-ink);font:900 clamp(40px,3.6vw,54px)/1 var(--ah-serif);font-variant-numeric:tabular-nums;position:relative;text-align:center;width:120px;z-index:1}.ah-stat-blob{animation:ahMorph 8s ease-in-out infinite;background:var(--ah-orange);border-radius:46% 54% 52% 48%/55% 45% 55% 45%;box-shadow:0 18px 34px -16px #f08a1cd9;height:116px;left:0;margin-top:-58px;position:absolute;top:50%;width:120px;z-index:0}@keyframes ahMorph{0%,to{border-radius:46% 54% 52% 48%/55% 45% 55% 45%;transform:rotate(0)}50%{border-radius:58% 42% 40% 60%/45% 58% 42% 55%;transform:rotate(12deg)}}.ah-stat-l{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fbf7eeeb;border-radius:10px;box-shadow:0 8px 20px -14px #00000059;color:var(--ah-text);font-size:13px;font-weight:600;line-height:1.4;max-width:132px;padding:6px 10px}.ah-features{grid-gap:clamp(16px,1.6vw,32px);display:grid;gap:clamp(16px,1.6vw,32px);grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;max-width:2240px;padding:16px clamp(16px,5vw,96px) 64px;position:relative;z-index:2}.ah-feature{background:#0000;border:1px solid #0000;border-radius:18px;opacity:0;position:relative;transform:translateY(24px);transition:opacity .8s var(--ah-ease),transform .8s var(--ah-ease),background .35s,border-color .35s,box-shadow .35s;transition-delay:calc(2.2s + var(--i)*.11s),calc(2.2s + var(--i)*.11s),0s,0s,0s}.ah-features.is-in .ah-feature{opacity:1;transform:none}.ah-feature-main{align-items:flex-start;background:none;border:0;border-radius:18px;color:inherit;cursor:pointer;display:flex;gap:14px;padding:20px 18px 8px;text-align:left;width:100%}.ah-feature:after{background:var(--ah-orange);border-radius:4px;bottom:10px;content:"";height:4px;left:18px;position:absolute;right:18px;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ah-ease)}.ah-feature.is-active,.ah-feature:hover{background:#fff;border-color:var(--ah-line);box-shadow:0 22px 44px -28px #503c1473}.ah-features.is-in .ah-feature.is-active{transform:translateY(-6px);transition-delay:0s}.ah-feature.is-active:after{transform:scaleX(1)}.ah-feature-ic{background:#fff;border:2px solid var(--ah-ink);border-radius:12px;color:var(--ah-ink);display:grid;flex-shrink:0;height:48px;place-items:center;position:relative;transition:transform .5s var(--ah-ease),background .35s,border-color .35s;width:48px;z-index:0}.ah-feature-ic:before{background:var(--ah-orange);border-radius:50%;bottom:-6px;content:"";height:18px;position:absolute;right:-6px;transition:transform .45s var(--ah-ease),background .35s;width:18px;z-index:-1}.ah-feature.is-active .ah-feature-ic{background:var(--ah-orange);border-color:var(--ah-ink);transform:rotate(-8deg)}.ah-feature.is-active .ah-feature-ic:before{background:var(--ah-teal);transform:scale(1.35)}.ah-feature-b{display:flex;flex-direction:column;gap:6px;min-width:0}.ah-feature-t{color:var(--ah-ink);font:800 18px/1.2 var(--ah-serif)}.ah-feature-x{color:var(--ah-muted);font-size:13.5px;line-height:1.55}.ah-feature-more{align-items:center;background:none;border:0;color:var(--ah-teal);cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;margin:0 0 18px 80px;max-height:0;opacity:0;overflow:hidden;padding:0;transition:max-height .4s var(--ah-ease),opacity .3s}.ah-feature:not(.is-active) .ah-feature-more{margin-bottom:14px}.ah-feature.is-active .ah-feature-more{max-height:24px;opacity:1}.ah-feature-more svg{transition:transform .3s var(--ah-ease)}.ah-feature-more:hover svg{transform:translateX(4px)}@media (max-width:1080px){.ah-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.ah-hero{gap:8px;grid-template-columns:1fr;padding-top:28px}.ah-copy{max-width:640px}.ah-stage{justify-self:center;margin:24px auto 0;max-width:620px;width:100%}}@media (max-width:560px){.ah-title{font-size:40px}.ah-lead{font-size:16px}.ah-ctas{gap:18px}.ah-btn--lg{height:52px;padding:0 24px}.ah-appeal{gap:10px;padding:10px 12px;right:0;top:0;width:210px}.ah-appeal-ic{height:34px;width:34px}.ah-appeal-c,.ah-eq{display:none}.ah-stat{bottom:-2%;gap:10px;right:-2px;top:auto}.ah-stat strong{font-size:38px;width:84px}.ah-stat-blob{height:82px;margin-top:-41px;width:84px}.ah-stat-l{font-size:12px;max-width:96px}.ah-features{gap:8px;grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ah *,.ah :after,.ah :before{animation:none!important;transition:none!important}.ah .ah-avatars span,.ah .ah-pin-dot,.ah .ah-reveal-c,.ah .ah-sun circle,.ah .ah-w>span{transform:none!important}.ah .ah-appeal,.ah .ah-ctas,.ah .ah-eyebrow,.ah .ah-feature,.ah .ah-lead,.ah .ah-stat,.ah .ah-trust{opacity:1!important}.ah .ah-appeal,.ah .ah-ctas,.ah .ah-eyebrow,.ah .ah-feature,.ah .ah-lead,.ah .ah-stat{transform:none!important}.ah .ah-outline,.ah .ah-stroke,.ah .ah-underline path{stroke-dashoffset:0!important}.ah .ah-land{opacity:.75}.ah .ah-dots{opacity:.9}}.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}.status-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.status-modal{animation:popIn .4s cubic-bezier(.68,-.55,.265,1.55);background:#fff;border-radius:25px;box-shadow:0 25px 80px #0006;max-width:450px;padding:3rem 2.5rem;text-align:center;width:90%}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.status-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-top-color:#2e8b57;height:60px;width:60px}.status-icon,.status-spinner{border-radius:50%;margin:0 auto 1.5rem}.status-icon{align-items:center;animation:iconBounce .6s ease;display:flex;font-size:3rem;font-weight:700;height:80px;justify-content:center;width:80px}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.status-modal.success .status-icon{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 10px 30px #28a74566;color:#fff}.status-modal.failed .status-icon{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 10px 30px #dc354566;color:#fff}.status-modal.timeout .status-icon{background:linear-gradient(135deg,#ffc107,#ff9800);box-shadow:0 10px 30px #ffc10766;color:#fff}.status-modal h3{font-size:1.8rem;font-weight:700;margin-bottom:1rem}.status-modal.waiting h3{color:#2e8b57}.status-modal.success h3{color:#28a745}.status-modal.failed h3{color:#dc3545}.status-modal.timeout h3{color:#ffc107}.status-modal p{color:#666;font-size:1.1rem;line-height:1.5;margin-bottom:.8rem}.status-modal small{color:#999;display:block;font-size:.9rem;margin-top:.5rem}.program-access{background:#28a7451a;border-left:4px solid #28a745;border-radius:10px;margin:1rem 0;padding:1rem}.status-btn{border:none;border-radius:12px;box-shadow:0 4px 15px #0003;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:1.5rem;padding:1rem 2.5rem;transition:all .3s ease}.success-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.success-btn:hover{background:linear-gradient(135deg,#20c997,#17a2b8);box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.failed-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.failed-btn:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 6px 20px #dc354566;transform:translateY(-2px)}.timeout-btn{background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff}.timeout-btn:hover{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 6px 20px #ffc10766;transform:translateY(-2px)}@media (max-width:768px){.status-modal{max-width:95%;padding:2rem 1.5rem}.status-icon{font-size:2.5rem;height:70px;width:70px}.status-modal h3{font-size:1.5rem}.status-btn,.status-modal p{font-size:1rem}.status-btn{padding:.9rem 2rem}}.portal-switcher{position:relative;z-index:1000}.portal-switcher-btn{align-items:center;background:linear-gradient(135deg,#2e8b57,#228b22);border:none;border-radius:25px;box-shadow:0 4px 12px #2e8b574d;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.6rem 1.1rem;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.portal-switcher-btn:hover{box-shadow:0 6px 16px #2e8b5773;transform:translateY(-1px)}.portal-switcher-btn:focus-visible,.portal-switcher-item:focus-visible{outline:3px solid #3498db;outline-offset:2px}.portal-switcher-chevron{font-size:.75rem;transition:transform .2s ease}.portal-switcher-chevron.open{transform:rotate(180deg)}.portal-switcher-menu{animation:portalMenuIn .15s ease;background:#fff;border:1px solid #e6efe9;border-radius:14px;box-shadow:0 12px 40px #0000002e;padding:.5rem;position:absolute;right:0;top:calc(100% + 10px);width:min(300px,calc(100vw - 32px))}@keyframes portalMenuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.portal-switcher-title{color:#7a8a80;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.5rem .75rem .4rem;text-transform:uppercase}.portal-switcher-item{align-items:center;background:none;border:none;border-radius:10px;color:#2c3e50;cursor:pointer;display:flex;gap:.85rem;padding:.75rem;text-align:left;transition:background .15s ease;width:100%}.portal-switcher-item:hover{background:#eef7f1}.portal-switcher-icon{align-items:center;background:#2e8b571f;border-radius:10px;color:#2e8b57;display:flex;flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;width:40px}.portal-switcher-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.portal-switcher-text strong{font-size:.95rem}.portal-switcher-text small{color:#6b7b72;font-size:.8rem}@media (max-width:600px){.portal-switcher-btn span{display:none}.portal-switcher-btn{padding:.6rem .8rem}}.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 input,.form-group select,.form-group textarea{box-sizing:border-box;padding:.8rem;transition:border-color .3s ease;width:100%}.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{border-radius:8px;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}.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-radius:10px;color:#0f0f1e;margin-top:1rem;padding:.8rem 1.5rem}.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}.donations-balance{background:linear-gradient(135deg,#2e8b57,#3cb371);border-radius:12px;color:#fff;margin-bottom:1.5rem;padding:2rem;text-align:center}.donations-balance h3{font-size:1.2rem;margin:0 0 .5rem}.donations-balance h1{font-size:3rem;margin:0;word-break:break-word}.donations-balance p{font-size:.9rem;margin:.5rem 0 0;opacity:.9}.donations-search{align-items:flex-end;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.donations-search-field{display:flex;flex:1 1 160px;flex-direction:column;gap:.35rem}.donations-search-field label{color:#495057;font-size:.85rem;font-weight:600}.donations-search-field input{background:#fff;border:1px solid #ced4da;border-radius:8px;font-size:.95rem;padding:.65rem .75rem}.donations-search-field input:focus{border-color:#2e8b57;box-shadow:0 0 0 3px #2e8b5726;outline:none}.donations-search-actions{display:flex;flex-wrap:wrap;gap:.75rem}.donations-recent-btn,.donations-search-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.7rem 1.25rem;transition:all .2s}.donations-search-btn{background:linear-gradient(135deg,#2e8b57,#228b22);color:#fff}.donations-recent-btn{background:#fff;border:2px solid #2e8b57;color:#2e8b57}.donations-recent-btn:hover:not(:disabled),.donations-search-btn:hover{transform:translateY(-2px)}.donations-recent-btn:disabled{cursor:default;opacity:.5}.donations-search-error{color:#c0392b;flex-basis:100%;font-size:.9rem;font-weight:600;margin:0}.donations-table-wrap{background:#fff;border:1px solid #e9ecef;border-radius:12px;overflow-x:auto}.donations-table{border-collapse:collapse;font-size:.95rem;width:100%}.donations-table td,.donations-table th{border-bottom:1px solid #f1f3f5;padding:.85rem 1rem;text-align:left;white-space:nowrap}.donations-table th{background:#2c3e50;color:#fff;font-size:.85rem;font-weight:600}.donations-table tbody tr:hover{background:#f4faf6}.donations-table .amount{color:#2e8b57;font-weight:700;text-align:right}.donations-table .mpesa-code{font-family:monospace;font-size:.95rem;letter-spacing:.03em}.donations-table .muted{color:#adb5bd;font-family:inherit}@media (max-width:600px){.donations-balance h1{font-size:2.2rem}.donations-search-actions{width:100%}.donations-recent-btn,.donations-search-btn{flex:1 1;justify-content:center}}.donations-notice{align-items:center;background:#e8f5ee;border:1px solid #b7dfc7;border-radius:10px;color:#1e6b41;display:flex;font-weight:600;gap:.6rem;margin-bottom:1rem;padding:.85rem 1rem}.donations-notice button{background:none;border:none;color:inherit;cursor:pointer;font-size:1rem;margin-left:auto}.donations-table tr.refunded td{color:#868e96}.donations-table tr.refunded .amount{color:#868e96;text-decoration:line-through}.refund-badge{border-radius:999px;display:inline-block;font-size:.8rem;font-weight:700;padding:.25rem .6rem}.refund-badge.received{background:#e8f5ee;color:#1e6b41}.refund-badge.pending{background:#fff4d6;color:#8a6100}.refund-badge.refunded{background:#e9ecef;color:#495057}.refund-badge.failed{background:#fdecea;color:#b02a1a;cursor:help}.refund-btn{align-items:center;background:#fff;border:2px solid #c0392b;border-radius:8px;color:#c0392b;cursor:pointer;display:inline-flex;font-weight:600;gap:.4rem;padding:.4rem .8rem;transition:all .2s}.refund-btn:hover{background:#c0392b;color:#fff}.refund-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.refund-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px #0000004d;max-height:calc(100vh - 32px);overflow-y:auto;padding:1.75rem;width:min(440px,100%)}.refund-modal h3{align-items:center;color:#c0392b;display:flex;gap:.5rem;margin:0 0 .5rem}.refund-warning{color:#6c757d;font-size:.92rem;margin:0 0 1.25rem}.refund-details{grid-gap:.5rem 1rem;background:#f8f9fa;border-radius:10px;display:grid;gap:.5rem 1rem;grid-template-columns:auto 1fr;margin:0 0 1.25rem;padding:1rem}.refund-details dt{color:#6c757d;font-size:.88rem}.refund-details dd{font-weight:600;margin:0;word-break:break-word}.refund-details .refund-amount{color:#c0392b;font-size:1.1rem}.refund-details .mpesa-code{font-family:monospace}.refund-details .refund-last-error{color:#b02a1a;font-weight:500}.refund-modal label{color:#495057;display:block;font-size:.88rem;font-weight:600;margin-bottom:.35rem}.refund-modal input{border:1px solid #ced4da;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.7rem .8rem;width:100%}.refund-modal input:focus{border-color:#c0392b;box-shadow:0 0 0 3px #c0392b26;outline:none}.refund-error{color:#b02a1a;font-size:.9rem;font-weight:600;margin:.6rem 0 0}.refund-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.refund-cancel,.refund-confirm{border:none;border-radius:8px;cursor:pointer;font-weight:700;padding:.7rem 1.2rem}.refund-cancel{background:#e9ecef;color:#495057}.refund-confirm{background:#c0392b;color:#fff}.refund-cancel:disabled,.refund-confirm:disabled{cursor:default;opacity:.6}.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;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;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}}.learn-forex-page{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;overflow-x:hidden}.forex-navbar{background-color:#8b4513;box-shadow:0 2px 4px #0000001a;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.forex-logo,.forex-navbar{align-items:center;display:flex}.forex-logo{color:gold;cursor:pointer;font-size:1.5rem;font-weight:700;gap:.5rem}.forex-logo .logo-img{height:40px;width:auto}.back-btn{align-items:center;background:linear-gradient(135deg,gold,orange);border:none;border-radius:10px;color:#8b4513;cursor:pointer;display:flex;font-weight:700;gap:.5rem;padding:.8rem 1.5rem;transition:all .3s ease}.back-btn:hover{box-shadow:0 6px 16px #ffa50066;transform:translateY(-2px)}.forex-content{margin:0 auto;max-width:1200px;padding:3rem 2rem}.forex-hero{background:linear-gradient(135deg,#2e8b57,#228b22);border-radius:25px;box-shadow:0 10px 40px #2e8b574d;color:#fff;margin-bottom:3rem;padding:4rem 2rem;text-align:center}.forex-hero h1{font-size:3rem;font-weight:800;margin-bottom:1rem}.forex-hero p{font-size:1.3rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px;opacity:.95}.forex-cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.forex-btn{-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2.5rem;touch-action:manipulation;transition:all .3s ease;-webkit-user-select:none;user-select:none}.forex-btn.primary{background:#fff;box-shadow:0 6px 20px #ffffff4d;color:#2e8b57}.forex-btn.primary:hover{box-shadow:0 8px 25px #fff6;transform:translateY(-3px)}.forex-btn.secondary{background:#fff3;border:2px solid #fff;color:#fff}.forex-btn.secondary:hover{background:#fff;color:#2e8b57;transform:translateY(-3px)}.forex-btn.tertiary{background:linear-gradient(135deg,gold,orange);box-shadow:0 6px 20px #ffd7004d;color:#8b4513}.forex-btn.tertiary:hover{background:linear-gradient(135deg,orange,#ff8c00);box-shadow:0 8px 25px #ffa50066;transform:translateY(-3px)}.forex-btn.quaternary{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 6px 20px #2196f34d;color:#fff}.forex-btn.quaternary:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 8px 25px #2196f366;transform:translateY(-3px)}.forex-btn.schedule-class-btn{background:linear-gradient(135deg,#9c27b0,#7b1fa2);box-shadow:0 6px 20px #9c27b04d;color:#fff;font-size:1.2rem;padding:1.2rem 3rem}.forex-btn.schedule-class-btn:hover{background:linear-gradient(135deg,#7b1fa2,#6a1b9a);box-shadow:0 8px 25px #9c27b066;transform:translateY(-3px)}.schedule-form-modal{animation:modalSlideIn .4s ease;background:linear-gradient(135deg,#fff,#f8f9fa);border:3px solid #2e8b57;border-radius:25px;box-shadow:0 25px 80px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;width:92%}.schedule-form-content h2{color:#2e8b57;font-size:2rem;font-weight:800;margin-bottom:.5rem;text-align:center}.schedule-form-content>p{color:#666;font-size:1.05rem;margin-bottom:2rem;text-align:center}.schedule-form{gap:1.5rem}.form-group,.schedule-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{color:#333;font-size:1rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:10px;font-family:inherit;font-size:1rem;padding:.9rem;transition:all .3s ease}.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}.submit-btn{align-items:center;background:linear-gradient(135deg,#2e8b57,#228b22);border:none;border-radius:12px;box-shadow:0 6px 20px #2e8b5766;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;gap:.8rem;justify-content:center;padding:1.2rem 2rem;transition:all .3s ease}.submit-btn:hover{background:linear-gradient(135deg,#228b22,#1e7a1e);box-shadow:0 8px 25px #2e8b5780;transform:translateY(-3px)}@media (max-width:768px){.schedule-form-modal{padding:1.5rem;width:95%}.schedule-form-content h2{font-size:1.6rem}.form-group input,.form-group select,.form-group textarea{font-size:.95rem;padding:.8rem}.submit-btn{font-size:1.1rem;padding:1rem 1.5rem}}@media (max-width:480px){.schedule-form-modal{padding:1rem;width:98%}.schedule-form-content h2{font-size:1.4rem}.schedule-form{gap:1.2rem}}.forex-section{margin-bottom:4rem}.forex-section h2{color:#2e8b57;font-size:2.2rem;font-weight:800;margin-bottom:2rem}.forex-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}.forex-card{background:#fff;border:2px solid #2e8b57;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:2rem;transition:all .3s ease}.forex-card:hover{box-shadow:0 12px 35px #2e8b5740;transform:translateY(-8px)}.forex-card h3{color:#2e8b57;font-size:1.4rem;font-weight:700;margin-bottom:1rem}.forex-card p{color:#555;font-size:1.05rem;line-height:1.7}.forex-disclaimer{background:#fff3cd;border:2px solid #ffc107;border-radius:12px;color:#856404;font-size:1.1rem;font-weight:600;padding:1.2rem;text-align:center}.risk-section .forex-cards .forex-card{background:linear-gradient(135deg,#fff5f5,#ffebee);border-color:#ff6b6b}.risk-section .forex-card h3{color:#d32f2f}.forex-roadmap{display:flex;flex-direction:column;gap:2rem}.roadmap-step{align-items:flex-start;background:#fff;border-left:6px solid #2196f3;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;gap:2rem;padding:2rem;transition:all .3s ease}.roadmap-step:hover{box-shadow:0 8px 25px #2196f333;transform:translateX(10px)}.step-number{align-items:center;background:#2196f3;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:800;height:50px;justify-content:center;width:50px}.roadmap-step h3{color:#1976d2;font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.roadmap-step p{color:#555;font-size:1.05rem;line-height:1.7}.forex-tools{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tool-item{background:#fff;border:2px solid #ffc107;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:2rem;text-align:center;transition:all .3s ease}.tool-item:hover{box-shadow:0 12px 35px #ffc1074d;transform:translateY(-8px)}.tool-item i{color:#f57c00;font-size:3rem;margin-bottom:1rem}.tool-item h3{color:#e65100;font-size:1.3rem;font-weight:700;margin-bottom:.8rem}.tool-item p{color:#666;font-size:1rem;line-height:1.6}.community-section{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:3px solid #9c27b0;border-radius:20px;box-shadow:0 8px 30px #9c27b033;padding:3rem}.community-section h2{color:#7b1fa2;text-align:center}.community-message{color:#4a148c;font-size:1.2rem;font-weight:500;line-height:1.9;text-align:center}.forex-disclaimer-box{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:3px solid #f44336;border-radius:20px;box-shadow:0 8px 30px #f4433633;color:#c62828;font-size:1.05rem;line-height:1.7;margin-top:3rem;padding:2rem;text-align:center}.forex-disclaimer-box strong{display:block;font-size:1.3rem;margin-bottom:.8rem}.market-watch-intro{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2rem;text-align:center}.market-watch-info-container{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #2e8b57;border-radius:15px;box-shadow:0 8px 30px #0000001a;padding:3rem;text-align:center}.market-watch-description{color:#2e8b57;font-size:1.3rem;font-weight:600;line-height:1.8;margin:0}.tradingview-widget-container{background:#fff;border:2px solid #2e8b57;border-radius:15px;box-shadow:0 8px 30px #0000001a;padding:1.5rem}.tradingview-widget__copyright{font-size:.9rem;margin-top:1rem;text-align:center}.tradingview-widget__copyright a{color:#2e8b57;font-weight:600;text-decoration:none}.tradingview-widget__copyright a:hover{text-decoration:underline}.exchange-rates-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.exchange-rate-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #2e8b57;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:1.5rem;text-align:center;transition:all .3s ease}.exchange-rate-card:hover{border-color:#228b22;box-shadow:0 12px 35px #2e8b5740;transform:translateY(-8px)}.currency-flag{font-size:3rem;margin-bottom:.5rem}.currency-pair{color:#2e8b57;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.exchange-rate{color:#1976d2;font-size:1.8rem;font-weight:800;margin-bottom:.5rem}.currency-name{color:#666;font-size:.9rem;font-weight:500}.whatsapp-float{align-items:center;animation:pulse 2s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#25d36699;border-radius:50px;bottom:30px;box-shadow:0 8px 25px #25d36666;color:#fff;display:flex;font-size:1.1rem;font-weight:900;gap:.8rem;padding:1rem 1.5rem;position:fixed;right:30px;text-decoration:none;transition:all .3s ease;z-index:1000}.whatsapp-float:hover{box-shadow:0 12px 35px #25d36699;transform:translateY(-5px)}.whatsapp-float i{font-size:1.8rem}@keyframes pulse{0%,to{box-shadow:0 8px 25px #25d36666}50%{box-shadow:0 8px 35px #25d366b3}}@media (max-width:768px){.whatsapp-float{bottom:20px;font-size:.9rem;padding:.8rem 1.2rem;right:20px}.whatsapp-float i{font-size:1.5rem}}.forex-factory-container{background:linear-gradient(135deg,#f0f8f0,#e8f5e9);border:2px solid #2e8b57;border-radius:15px;box-shadow:0 8px 30px #0000001a;padding:3rem;text-align:center}.forex-factory-info h3{color:#2e8b57;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.forex-factory-info p{color:#555;font-size:1.1rem;line-height:1.7;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.forex-factory-btn{align-items:center;background:linear-gradient(135deg,#2e8b57,#228b22);border-radius:12px;box-shadow:0 6px 20px #2e8b5766;color:#fff;display:inline-flex;font-size:1.2rem;font-weight:700;gap:.8rem;padding:1.2rem 2.5rem;text-decoration:none;transition:all .3s ease}.forex-factory-btn:hover{background:linear-gradient(135deg,#228b22,#1e7a1e);box-shadow:0 8px 25px #2e8b5780;transform:translateY(-3px)}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:3000}.bloomberg-modal{animation:modalSlideIn .4s ease;background:linear-gradient(135deg,#fff,#f8f9fa);border:3px solid #2e8b57;border-radius:25px;box-shadow:0 25px 80px #00000080;max-height:90vh;max-width:900px;overflow-y:auto;padding:2rem;position:relative;width:92%}.bloomberg-content{text-align:center}.bloomberg-content h2{color:#2e8b57;font-size:2rem;font-weight:800;margin-bottom:1rem}.bloomberg-content>p{color:#666;font-size:1.1rem;margin-bottom:2rem}.bloomberg-video-container{border-radius:15px;box-shadow:0 8px 30px #0003;margin-bottom:1.5rem;overflow:hidden}.bloomberg-info{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #2e8b57;border-radius:12px;padding:1.5rem}.bloomberg-info p{color:#555;font-size:1rem;line-height:1.6;margin:0}@media (max-width:768px){.forex-navbar{padding:1rem}.forex-logo{font-size:1.2rem}.forex-logo .logo-img{height:30px}.back-btn{font-size:.9rem;padding:.6rem 1rem}.forex-content{padding:2rem 1rem}.forex-hero{padding:2.5rem 1.5rem}.forex-hero h1{font-size:2rem}.forex-hero p{font-size:1.1rem}.forex-cta-buttons{flex-direction:column;gap:1rem}.forex-btn{display:block;padding:1.2rem 2rem;pointer-events:auto;width:100%;z-index:10}.forex-btn,.market-watch-intro{font-size:1rem}.tradingview-widget-container{padding:.8rem}.forex-factory-container{padding:1.5rem .8rem}.forex-factory-info h3{font-size:1.3rem}.forex-factory-info p{font-size:.95rem}.forex-factory-btn{font-size:1rem;padding:.9rem 1.5rem}.bloomberg-modal{padding:1rem;width:98%}.bloomberg-content h2{font-size:1.4rem}.bloomberg-video-container iframe{height:300px!important}.bloomberg-info{padding:1rem}.bloomberg-info p{font-size:.9rem}.tradingview-widget-container{padding:1rem}.forex-factory-container{padding:2rem 1rem}.forex-factory-info h3{font-size:1.5rem}.forex-factory-info p{font-size:1rem}.forex-factory-btn{font-size:1.1rem;padding:1rem 2rem}.bloomberg-modal{padding:1.5rem;width:95%}.bloomberg-content h2{font-size:1.6rem}.bloomberg-video-container iframe{height:350px!important}.forex-section h2{font-size:1.8rem}.forex-cards{gap:1.5rem;grid-template-columns:1fr}.forex-card{padding:1.5rem}.roadmap-step{flex-direction:column;gap:1rem}.step-number{font-size:1.2rem;height:40px;width:40px}.forex-tools{grid-template-columns:1fr}.community-section{padding:2rem 1.5rem}.community-message{font-size:1.05rem}}@media (max-width:480px){.forex-hero h1{font-size:1.6rem}.forex-hero p{font-size:1rem}.forex-section h2{font-size:1.5rem}.forex-card h3{font-size:1.2rem}.forex-card p{font-size:.95rem}.tool-item i{font-size:2.5rem}}.wifi-plans-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.wifi-plans-container{margin:0 auto;max-width:1200px;padding:100px 20px 50px}.back-home-btn{background:#2e8b57;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s}.back-home-btn:hover{background:#236b43;transform:translateY(-2px)}.wifi-hero{margin-bottom:60px;text-align:center}.wifi-hero h1{color:#2e8b57;font-size:2.5rem;margin-bottom:15px}.hero-tagline{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:10px}.hero-subtitle{color:#666;font-size:1.2rem;margin-bottom:0}.section-title{color:#2e8b57;font-size:2rem;font-weight:800;margin:40px 0 30px;text-align:center}.plans-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:60px}.plan-card{background:#fff;border:3px solid #0000;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:40px 30px;position:relative;transition:all .3s}.plan-card:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-10px)}.plan-card.popular{border:3px solid #2e8b57;transform:scale(1.02)}.plan-card.popular:hover{transform:scale(1.05) translateY(-10px)}.plan-card.premium{background:linear-gradient(135deg,#fff9e6,#fff);border:3px solid #f39c12;transform:scale(1.08)}.plan-card.premium:hover{transform:scale(1.1) translateY(-10px)}.plan-badge{background:#2e8b57;border-radius:20px;color:#fff;font-size:.85rem;font-weight:700;padding:8px 20px;position:absolute;right:30px;top:-15px}.plan-badge.premium-badge{background:linear-gradient(135deg,#f39c12,#e67e22);font-size:.9rem;padding:10px 25px}.plan-speed{color:#2e8b57;font-size:3rem;font-weight:900;margin-bottom:15px;text-align:center}.plan-card.premium .plan-speed{color:#f39c12;font-size:3.5rem}.plan-price{margin-bottom:30px;text-align:center}.plan-price .currency{color:#666;font-size:1.2rem}.plan-price .amount{color:#333;font-size:2.5rem;font-weight:900}.plan-price .period{color:#666;font-size:1rem}.plan-features{list-style:none;margin-bottom:30px;padding:0}.plan-features li{border-bottom:1px solid #f0f0f0;color:#555;font-size:1rem;padding:12px 0}.plan-features li i{color:#2e8b57;margin-right:10px}.subscribe-btn{background:linear-gradient(135deg,#2e8b57,#3cb371);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px;transition:all .3s;width:100%}.subscribe-btn:hover{box-shadow:0 10px 30px #2e8b5766;transform:translateY(-3px)}.trust-footer{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #2e8b57;border-radius:15px;margin:40px 0;padding:20px;text-align:center}.trust-footer p{color:#2e8b57;font-size:1.1rem;font-weight:600;margin:0}.contact-section{background:linear-gradient(135deg,#2e8b57,#3cb371);border-radius:20px;color:#fff;padding:60px 40px;text-align:center}.contact-section h2{font-size:2.5rem;margin-bottom:15px}.contact-section p{font-size:1.2rem;margin-bottom:30px;opacity:.9}.contact-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.contact-btn{align-items:center;border-radius:10px;display:inline-flex;font-size:1.1rem;font-weight:700;gap:10px;padding:15px 40px;text-decoration:none;transition:all .3s}.contact-btn.phone{background:#fff;color:#2e8b57}.contact-btn.whatsapp{background:#25d366;color:#fff}.contact-btn.email{background:#ea4335;color:#fff}.contact-btn:hover{box-shadow:0 10px 30px #0003;transform:translateY(-3px)}@media (max-width:768px){.wifi-hero h1{font-size:1.8rem}.hero-tagline{font-size:1.3rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.5rem}.plans-grid{grid-template-columns:1fr}.plan-card.popular,.plan-card.premium{transform:scale(1)}.plan-speed{font-size:2.5rem}.plan-card.premium .plan-speed{font-size:3rem}.contact-buttons{flex-direction:column}.contact-btn{justify-content:center;width:100%}}