@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,sans-serif}body{color:#0f172a;background:#f4f7f9;overflow-x:hidden}a{text-decoration:none}ul{list-style:none}.floating-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#ffffffe6;border:1px solid #ffffff80;border-radius:50px;justify-content:space-between;align-items:center;width:90%;max-width:1200px;padding:12px 30px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #003f6f14}.floating-nav .brand{color:#003f6f;font-size:1.2rem;font-weight:800}.floating-nav .brand span{color:#00bfb3}.floating-nav .links{gap:30px;display:flex}.floating-nav .links a{color:#64748b;font-size:.95rem;font-weight:600;transition:all .3s}.floating-nav .links a:hover{color:#00bfb3}.floating-nav .nav-btn{color:#fff;background:#003f6f;border-radius:30px;padding:10px 24px;font-weight:600;transition:all .3s}.floating-nav .nav-btn:hover{color:#003f6f;background:#00bfb3}.hero-centered{text-align:center;background:radial-gradient(circle at 50% 0,#e0f2f1 0%,#f4f7f9 70%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:120px 20px 60px;display:flex}.hero-centered .pill-badge{color:#00bfb3;background:#00bfb31a;border:1px solid #00bfb333;border-radius:20px;margin-bottom:24px;padding:8px 16px;font-size:.85rem;font-weight:700}.hero-centered h1{color:#003f6f;max-width:900px;margin-bottom:24px;font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.1}.hero-centered p{color:#64748b;max-width:600px;margin-bottom:40px;font-size:1.2rem}.hero-centered .hero-search{background:#fff;border-radius:50px;width:100%;max-width:600px;padding:10px;display:flex;box-shadow:0 20px 40px #0000000d}.hero-centered .hero-search input{color:#003f6f;border:none;outline:none;flex:1;padding:0 20px;font-size:1.1rem}.hero-centered .hero-search button{color:#fff;cursor:pointer;background:#00bfb3;border:none;border-radius:40px;padding:15px 30px;font-size:1rem;font-weight:700;transition:all .3s}.hero-centered .hero-search button:hover{background:#003f6f}.bento-section{max-width:1400px;margin:0 auto;padding:100px 8%}.section-title{color:#003f6f;margin-bottom:40px;font-size:2.5rem;font-weight:800}.bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:250px;gap:24px;display:grid}.bento-grid .bento-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;justify-content:space-between;padding:40px;transition:all .3s;display:flex;box-shadow:0 4px 20px #00000008}.bento-grid .bento-card:hover{border-color:#00bfb3;transform:translateY(-5px);box-shadow:0 15px 30px #00bfb31a}.bento-grid .bento-card .icon{color:#00bfb3;background:#e0f2f1;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.bento-grid .bento-card h3{color:#003f6f;margin-top:auto;margin-bottom:10px;font-size:1.4rem}.bento-grid .bento-card p{color:#64748b;font-size:.95rem}.bento-grid .span-2{color:#fff;background:#003f6f;grid-column:span 2}.bento-grid .span-2 h3,.bento-grid .span-2 p{color:#fff}.bento-grid .span-2 .icon{color:#00bfb3;background:#ffffff1a}@media (width<=968px){.bento-grid{grid-template-columns:1fr}.bento-grid .span-2{grid-column:span 1}}.courses-container{grid-template-columns:280px 1fr;gap:40px;max-width:1400px;margin:0 auto;padding:140px 8% 100px;display:grid}.courses-container .filters{background:#fff;border:1px solid #e2e8f0;border-radius:20px;height:fit-content;padding:30px}.courses-container .filters h4{color:#003f6f;margin-bottom:20px;font-size:1.2rem}.courses-container .filters .filter-btn{text-align:left;color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;margin-bottom:8px;padding:12px 16px;font-weight:600;transition:all .2s;display:block}.courses-container .filters .filter-btn:hover,.courses-container .filters .filter-btn.active{color:#00bfb3;background:#e0f2f1}.courses-container .course-list{flex-direction:column;gap:20px;display:flex}.courses-container .course-list .course-row{background:#fff;border:1px solid #e2e8f0;border-radius:20px;justify-content:space-between;align-items:center;padding:24px 30px;transition:all .3s;display:flex}.courses-container .course-list .course-row:hover{border-color:#00bfb3;box-shadow:0 10px 20px #0000000a}.courses-container .course-list .course-row .course-info h3{color:#003f6f;margin-bottom:8px;font-size:1.3rem}.courses-container .course-list .course-row .course-info p{color:#64748b;gap:15px;font-size:.9rem;display:flex}.courses-container .course-list .course-row .course-action button{color:#fff;cursor:pointer;background:#00bfb3;border:none;border-radius:12px;padding:10px 24px;font-weight:700}@media (width<=968px){.courses-container{grid-template-columns:1fr}}.footer-minimal{text-align:center;background:#fff;border-top:1px solid #e2e8f0;padding:60px 8% 40px}.footer-minimal h2{color:#003f6f;margin-bottom:20px;font-size:2rem;font-weight:800}.footer-minimal .contact-details{color:#64748b;flex-wrap:wrap;justify-content:center;gap:30px;margin-bottom:40px;display:flex}.footer-minimal .contact-details span{align-items:center;gap:8px;display:flex}.footer-minimal .legal{color:#64748b;border-top:1px solid #e2e8f0;padding-top:20px;font-size:.85rem}.btn-primary{color:#fff;cursor:pointer;background:#00bfb3;border:none;border-radius:12px;padding:12px 28px;font-weight:700;transition:all .3s}.btn-primary:hover{background:#003f6f;transform:translateY(-2px);box-shadow:0 10px 20px #003f6f26}.page-header{text-align:center;background:radial-gradient(circle at 50% 0,#e0f2f1 0%,#f4f7f9 100%);padding:180px 8% 60px}.page-header h1{color:#003f6f;margin-bottom:15px;font-size:3rem;font-weight:800}.page-header p{color:#64748b;max-width:600px;margin:0 auto;font-size:1.2rem}.page-content{z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:24px;max-width:1100px;margin:-20px auto 100px;padding:60px;position:relative;box-shadow:0 10px 40px #00000008}@media (width<=768px){.page-content{margin:-20px 5% 100px;padding:30px}}.contact-layout{grid-template-columns:1fr 1.5fr;gap:60px;display:grid}.contact-layout .info-box h3{color:#003f6f;margin-bottom:30px;font-size:1.8rem;font-weight:800}.contact-layout .info-box .info-item{color:#64748b;align-items:flex-start;gap:15px;margin-bottom:25px;display:flex}.contact-layout .info-box .info-item .icon{color:#00bfb3;flex-shrink:0}.contact-layout .contact-form{flex-direction:column;gap:20px;display:flex}.contact-layout .contact-form input,.contact-layout .contact-form textarea{color:#0f172a;background:#f4f7f9;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:15px;font-family:inherit;font-size:1rem;transition:all .3s}.contact-layout .contact-form input:focus,.contact-layout .contact-form textarea:focus{background:#fff;border-color:#00bfb3;outline:none;box-shadow:0 0 0 4px #00bfb31a}@media (width<=868px){.contact-layout{grid-template-columns:1fr}}.about-mission-section{grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-bottom:40px;display:grid}.about-mission-section .mission-text h2{color:#003f6f;margin-bottom:20px;font-size:2.2rem;font-weight:800}.about-mission-section .mission-text p{color:#64748b;font-size:1.1rem;line-height:1.8}.about-mission-section .mission-visual{text-align:center;color:#003f6f;background:#f4f7f9;border:2px dashed #00bfb3;border-radius:20px;padding:40px;font-size:1.5rem;font-weight:800}@media (width<=768px){.about-mission-section{grid-template-columns:1fr}}.about-stats-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}.about-stats-grid .about-stat-card{background:#e0f2f1;border-radius:16px;padding:30px;transition:all .3s}.about-stats-grid .about-stat-card:hover{transform:translateY(-5px)}.about-stats-grid .about-stat-card h3{color:#003f6f;margin-bottom:5px;font-size:2.5rem;font-weight:800}.about-stats-grid .about-stat-card p{color:#00bfb3;font-weight:700}@media (width<=768px){.about-stats-grid{grid-template-columns:1fr}}.announcements-layout{max-width:800px}.announcements-layout .timeline{flex-direction:column;gap:30px;display:flex;position:relative}.announcements-layout .timeline:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:0;bottom:0;left:24px}.announcements-layout .timeline .timeline-item{z-index:2;gap:20px;display:flex;position:relative}.announcements-layout .timeline .timeline-item .icon-wrapper{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.announcements-layout .timeline .timeline-item .icon-wrapper.alert{background:#ef4444}.announcements-layout .timeline .timeline-item .icon-wrapper.academic{background:#00bfb3}.announcements-layout .timeline .timeline-item .icon-wrapper.event{background:#003f6f}.announcements-layout .timeline .timeline-item .icon-wrapper.update{background:#10b981}.announcements-layout .timeline .timeline-item .content{background:#f4f7f9;border:1px solid #e2e8f0;border-radius:16px;width:100%;padding:20px}.announcements-layout .timeline .timeline-item .content .date{color:#64748b;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.announcements-layout .timeline .timeline-item .content h3{color:#003f6f;margin-bottom:10px;font-size:1.15rem;font-weight:800}.announcements-layout .timeline .timeline-item .content p{color:#64748b;font-size:.95rem;line-height:1.6}.floating-nav .links a.active{color:#00bfb3;font-weight:700}.floating-nav .auth-buttons{align-items:center;gap:20px;display:flex}.floating-nav .auth-buttons .login-link{color:#003f6f;font-size:.95rem;font-weight:700;transition:all .3s}.floating-nav .auth-buttons .login-link:hover{color:#00bfb3}.home-stats{text-align:center;background:#fff;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:center;gap:80px;padding:40px 8%;display:flex;box-shadow:0 4px 20px #00000005}.home-stats .stat-item h3{color:#00bfb3;margin-bottom:8px;font-size:3rem;font-weight:800;line-height:1}.home-stats .stat-item p{color:#003f6f;text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:700}@media (width<=768px){.home-stats{gap:40px}}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.pricing-grid .pricing-card{background:#f4f7f9;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;padding:40px;transition:all .3s;display:flex;position:relative}.pricing-grid .pricing-card:hover{border-color:#00bfb3;box-shadow:0 10px 30px #0000000d}.pricing-grid .pricing-card .plan-name{color:#003f6f;margin-bottom:10px;font-size:1.2rem;font-weight:800}.pricing-grid .pricing-card .price{color:#0f172a;margin-bottom:15px;font-size:3rem;font-weight:800}.pricing-grid .pricing-card .price span{color:#64748b;font-size:1rem}.pricing-grid .pricing-card .desc{color:#64748b;margin-bottom:30px;font-size:.95rem;line-height:1.5}.pricing-grid .pricing-card .features-list{flex-grow:1;margin-bottom:40px}.pricing-grid .pricing-card .features-list li{color:#0f172a;align-items:center;gap:10px;margin-bottom:15px;font-size:.95rem;font-weight:500;display:flex}.pricing-grid .pricing-card.popular{background:#fff;border:2px solid #00bfb3;transform:scale(1.05);box-shadow:0 20px 40px #00bfb31a}.pricing-grid .pricing-card.popular .popular-badge{color:#fff;letter-spacing:1px;text-transform:uppercase;background:#00bfb3;border-radius:20px;padding:6px 15px;font-size:.8rem;font-weight:800;position:absolute;top:-15px;left:50%;transform:translate(-50%)}@media (width<=968px){.pricing-grid .pricing-card.popular{transform:scale(1)}}.mentors-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.mentors-grid .mentor-card{text-align:center;background:#f4f7f9;border:1px solid #e2e8f0;border-radius:20px;padding:30px;transition:all .3s}.mentors-grid .mentor-card:hover{background:#fff;border-color:#00bfb3;transform:translateY(-5px);box-shadow:0 10px 30px #003f6f14}.mentors-grid .mentor-card .mentor-avatar{color:#00bfb3;background:#003f6f;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:2rem;font-weight:800;display:flex}.mentors-grid .mentor-card h3{color:#0f172a;margin-bottom:5px;font-size:1.3rem;font-weight:800}.mentors-grid .mentor-card .role{color:#00bfb3;margin-bottom:10px;font-size:.9rem;font-weight:700}.mentors-grid .mentor-card .cred{color:#64748b;margin-bottom:25px;font-size:.85rem;line-height:1.5}.mentors-grid .mentor-card .book-btn{color:#003f6f;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:10px 20px;font-weight:700;transition:all .3s}.mentors-grid .mentor-card .book-btn:hover{color:#fff;background:#00bfb3;border-color:#00bfb3}.btn-outline{color:#003f6f;cursor:pointer;background:0 0;border:2px solid #003f6f;border-radius:12px;padding:12px 28px;font-weight:700;transition:all .3s}.btn-outline:hover{color:#fff;background:#003f6f}.btn-outline:disabled,.btn-outline.inactive{color:#94a3b8;cursor:not-allowed;border-color:#cbd5e1}.btn-outline:disabled:hover,.btn-outline.inactive:hover{color:#94a3b8;background:0 0}.w-full{width:100%}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background:#003f6f66;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:24px;width:90%;max-width:420px;padding:40px;position:relative;box-shadow:0 25px 50px -12px #00000040}.modal-content .close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.modal-content .close-btn:hover{color:#ef4444;background:#fee2e2}.modal-content .modal-header{text-align:center;margin-bottom:30px}.modal-content .modal-header h2{color:#003f6f;margin-bottom:10px;font-size:1.8rem;font-weight:800}.modal-content .modal-header p{color:#64748b;font-size:.95rem;line-height:1.5}.modal-content .modal-form{flex-direction:column;gap:20px;display:flex}.modal-content .modal-form .input-group{background:#f4f7f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;padding:0 15px;transition:all .3s;display:flex;overflow:hidden}.modal-content .modal-form .input-group:focus-within{background:#fff;border-color:#00bfb3;box-shadow:0 0 0 4px #00bfb31a}.modal-content .modal-form .input-group .input-icon{color:#00bfb3;flex-shrink:0;margin-right:10px}.modal-content .modal-form .input-group .country-code{color:#003f6f;border-right:1px solid #e2e8f0;margin-right:10px;padding-right:10px;font-weight:700}.modal-content .modal-form .input-group input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;padding:15px 0;font-size:1rem}.modal-content .modal-form .btn-text{color:#64748b;cursor:pointer;background:0 0;border:none;font-weight:600;transition:all .3s}.modal-content .modal-form .btn-text:hover{color:#003f6f}.modal-content .modal-footer{text-align:center;border-top:1px solid #e2e8f0;margin-top:30px;padding-top:20px}.modal-content .modal-footer p{color:#94a3b8;font-size:.75rem}