.theme-toggle{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;background:none;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.theme-icon{width:17px;height:17px}.font-size-control{display:inline-flex;flex-shrink:0;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.font-size-btn{display:grid;place-items:center;min-width:32px;height:32px;padding:0 6px;background:none;border:none;border-left:1px solid var(--border-color);color:var(--text-secondary);font-family:inherit;font-weight:600;line-height:1;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.font-size-btn:first-child{border-left:none}.font-size-btn-small{font-size:12px}.font-size-btn-normal{font-size:14px}.font-size-btn-large{font-size:16px}.font-size-btn.active{background-color:var(--primary-600);color:#fff}.font-size-btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:-2px}.lang-toggle{display:inline-flex;flex-shrink:0;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.lang-toggle button{min-width:34px;height:32px;padding:0 8px;font-family:inherit;font-size:13px;font-weight:600;color:var(--text-secondary);background:none;border:none;cursor:pointer}.lang-toggle button+button{border-left:1px solid var(--border-color)}.lang-toggle button.active{color:#fff;background:var(--primary-600)}.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);height:var(--navbar-height);background-color:var(--bg-primary);border-bottom:1px solid var(--border-color)}.navbar .navbar-container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);height:100%;width:100%;max-width:none;padding:0 var(--space-6)}.navbar-logo{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;color:var(--text-primary);text-decoration:none}.navbar-logo:hover{color:var(--text-primary)}.logo-icon{display:grid;place-items:center;width:28px;height:28px;font-size:15px;line-height:1;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.logo-text{font-size:var(--text-md);font-weight:600;letter-spacing:-.015em;white-space:nowrap}.navbar-links{display:flex;align-items:center;gap:var(--space-1);min-width:0;overflow:hidden}.nav-link{display:inline-flex;align-items:center;gap:var(--space-1);padding:0 var(--space-3);height:32px;font-family:inherit;font-size:var(--text-base);font-weight:450;color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background-color:var(--bg-hover)}.nav-link.active{color:var(--text-primary);font-weight:550;background-color:var(--bg-hover)}.admin-link,.admin-link:hover,.admin-link.active{color:var(--text-accent)}.navbar-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.user-menu-container{display:flex;align-items:center}.auth-nav-buttons{display:flex;align-items:center;gap:var(--space-2)}.btn-signin{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:34px;padding:0 var(--space-4);font-size:var(--text-base);font-weight:500;line-height:1;border-radius:var(--radius-lg);border:1px solid transparent;background-color:var(--primary-600);color:var(--text-on-accent);cursor:pointer;white-space:nowrap;text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.user-profile-dropdown{position:relative}.profile-trigger{display:flex;align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-2);background:none;border:1px solid transparent;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.profile-trigger.active{background-color:var(--bg-hover);border-color:var(--border-color);color:var(--text-primary)}.user-avatar{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;background-color:var(--primary-600);color:#fff;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full)}.user-display-name{font-size:var(--text-base);font-weight:500;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{color:var(--text-muted);transition:transform var(--transition-fast)}.chevron.open{transform:rotate(180deg)}.profile-menu{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:210px;padding:var(--space-1);background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--text-base);font-weight:450;color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.menu-item svg{width:16px;height:16px;flex-shrink:0;color:var(--text-muted)}.menu-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.menu-item:hover svg{color:var(--text-secondary)}.menu-item.logout,.menu-item.logout svg,.menu-item.logout:hover{color:var(--text-danger)}.menu-divider{height:1px;margin:var(--space-1) 0;background-color:var(--divider-color)}.mobile-menu-btn{display:grid;place-items:center;width:34px;height:34px;background:none;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.mobile-menu-btn svg{width:20px;height:20px}.mobile-menu.full-screen-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;flex-direction:column;background-color:var(--bg-primary);overflow-y:auto;overscroll-behavior:contain}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:var(--navbar-height);padding:0 var(--space-4);border-bottom:1px solid var(--border-color);flex-shrink:0}.mobile-menu-controls{display:flex;align-items:center;gap:var(--space-2)}.mobile-menu-content{flex:1;padding:var(--space-4)}.mobile-user-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);margin-bottom:var(--space-4);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.user-avatar-large{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;background-color:var(--primary-600);color:#fff;font-size:var(--text-md);font-weight:600;border-radius:var(--radius-full)}.user-details-large{display:flex;flex-direction:column;min-width:0}.user-name-large{font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.user-email-large{font-size:var(--text-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-links{display:flex;flex-direction:column;gap:2px}.mobile-link{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);font-family:inherit;font-size:var(--text-md);font-weight:450;color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-lg);cursor:pointer;text-align:left;text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.mobile-link svg{width:18px;height:18px;flex-shrink:0;color:var(--text-muted)}.mobile-link:hover,.mobile-link:active{background-color:var(--bg-hover);color:var(--text-primary)}.mobile-link.logout-link,.mobile-link.logout-link svg{color:var(--text-danger)}.mobile-auth-actions{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2)}.mobile-auth-btn{height:42px;width:100%;font-size:var(--text-md)}@media (max-width: 1180px){.user-display-name{max-width:90px}.navbar-links{gap:0}.nav-link{padding:0 var(--space-2)}}@media (max-width: 640px){.navbar .navbar-container{gap:var(--space-3);padding:0 var(--space-4)}.logo-text{font-size:var(--text-base)}}.mobile-display-settings{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5);padding:var(--space-3) 0 var(--space-4);margin-bottom:var(--space-3);border-bottom:1px solid var(--border-color)}.mobile-setting{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}@media (max-width: 480px){.hide-xs{display:none!important}.navbar .navbar-container{gap:var(--space-2)}}.logo-icon.brand-mark{display:block;flex-shrink:0;padding:0;color:var(--text-primary);background:none;border:0;border-radius:0}.signin-prompt-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-backdrop);background-color:#0000008c}.signin-prompt-modal{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;z-index:var(--z-modal);width:calc(100% - var(--space-8));max-width:440px;height:max-content;max-height:min(80svh,calc(100svh - var(--space-8)));overflow-y:auto;overscroll-behavior:contain;padding:var(--space-6);background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.signin-prompt-close{position:absolute;top:var(--space-4);right:var(--space-4);display:grid;place-items:center;width:30px;height:30px;color:var(--text-muted);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.signin-prompt-close svg{width:16px;height:16px}.signin-prompt-header{margin-bottom:var(--space-5);text-align:center}.signin-prompt-icon-wrapper{display:grid;place-items:center;width:44px;height:44px;margin:0 auto var(--space-4);color:var(--text-accent);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.signin-prompt-icon{width:20px;height:20px}.signin-prompt-header h2{font-size:var(--text-lg);font-weight:650;margin-bottom:var(--space-1)}.signin-prompt-header p{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:0}.signin-prompt-features{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.signin-prompt-feature{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.signin-prompt-feature .feature-icon{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;color:var(--text-muted);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.signin-prompt-feature .feature-icon svg{width:16px;height:16px}.signin-prompt-feature .feature-content{min-width:0}.signin-prompt-feature .feature-content h3{font-size:var(--text-base);font-weight:600;margin-bottom:0}.signin-prompt-feature .feature-content p{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:0}.signin-prompt-actions{display:flex}.btn-signin-primary{width:100%;height:42px;font-family:inherit;font-size:var(--text-md);font-weight:500;color:var(--text-on-accent);background-color:var(--primary-600);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast)}@media (max-width: 480px){.signin-prompt-modal{padding:var(--space-5)}}.landing{padding-top:var(--navbar-height);background-color:var(--bg-primary)}.landing section{padding:var(--space-16) 0}.landing .mission-section,.landing .goals-section,.landing .testimonials-section{background-color:var(--bg-secondary);border-block:1px solid var(--border-color)}.landing .section-header{max-width:620px;margin:0 auto var(--space-10);text-align:center}.landing .section-header h2{margin-bottom:var(--space-2)}.landing .section-header p{color:var(--text-tertiary);font-size:var(--text-md);margin-bottom:0}.landing .hero{padding:var(--space-20) 0 var(--space-16)}.landing .hero-content{max-width:720px;margin:0 auto;text-align:center}.landing .hero-badge{margin-bottom:var(--space-5)}.landing .badge-icon{font-size:11px;line-height:1}.landing .hero-title{font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.15;letter-spacing:-.03em;margin-bottom:var(--space-4)}.landing .title-white,.landing .title-purple-light{color:var(--text-primary)}.landing .hero-subtitle{font-size:var(--text-lg);line-height:1.6;color:var(--text-tertiary);max-width:580px;margin:0 auto var(--space-8)}.landing .hero-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.landing .btn-explore,.landing .btn-learn{height:44px;padding:0 var(--space-6);font-size:var(--text-md);border-radius:var(--radius-lg)}.landing .btn-explore{background-color:var(--primary-600);color:var(--text-on-accent)}.landing .btn-learn{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-strong)}.landing .mission-card,.landing .goal-card,.landing .feature-card,.landing .team-card,.landing .testimonial-card,.landing .step-card,.landing .about-stats-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-6);transition:border-color var(--transition-fast)}.landing .mission-card:hover,.landing .goal-card:hover,.landing .feature-card:hover,.landing .team-card:hover,.landing .step-card:hover{border-color:var(--border-strong)}.landing .mission-card h3,.landing .goal-card h3,.landing .feature-card h3,.landing .step-card h4{font-size:var(--text-md);font-weight:600;margin-bottom:var(--space-2)}.landing .mission-card p,.landing .goal-card p,.landing .feature-card p,.landing .step-card p{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:0}.landing .mission-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.landing .mission-icon{font-size:22px;line-height:1;margin-bottom:var(--space-4)}.landing .about-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--space-12);align-items:start}.landing .about-content h2{margin-bottom:var(--space-4)}.landing .about-lead{font-size:var(--text-lg);line-height:1.6;color:var(--text-secondary)}.landing .about-content p{color:var(--text-tertiary)}.landing .about-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-6)}.landing .about-feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--text-secondary)}.landing .about-feature svg{width:16px;height:16px;flex-shrink:0;color:var(--text-success)}.landing .about-stats-card h3{font-size:var(--text-md);padding-bottom:var(--space-4);margin-bottom:0;border-bottom:1px solid var(--divider-color)}.landing .impact-stat{padding:var(--space-4) 0;border-bottom:1px solid var(--divider-color)}.landing .impact-stat:last-child{border-bottom:none;padding-bottom:0}.landing .impact-number{font-size:var(--text-2xl);font-weight:650;line-height:1.1;letter-spacing:-.025em;color:var(--text-primary);font-variant-numeric:tabular-nums}.landing .impact-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.landing .goals-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5)}.landing .goal-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:var(--space-4);color:var(--text-accent);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.landing .goal-icon svg{width:18px;height:18px}.landing .features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5)}.landing .feature-card{cursor:pointer;position:relative}.landing .feature-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:var(--space-4);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.landing .feature-icon svg{width:18px;height:18px}.landing .feature-glow{display:none}.landing .team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);max-width:760px;margin:0 auto}.landing .team-card{text-align:center}.landing .member-avatar-wrapper{display:flex;justify-content:center;margin-bottom:var(--space-4)}.landing .member-avatar{display:grid;place-items:center;width:56px;height:56px;background-color:var(--bg-tertiary)!important;border:1px solid var(--border-color);border-radius:var(--radius-full)}.landing .avatar-icon{font-size:24px;line-height:1}.landing .member-name{font-size:var(--text-md);font-weight:600;margin-bottom:var(--space-1)}.landing .member-role{font-size:var(--text-xs);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-4)}.landing .member-bio{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:var(--space-5)}.landing .member-social{display:flex;justify-content:center;gap:var(--space-2)}.landing .social-btn,.landing .social-icon-link{display:grid;place-items:center;width:34px;height:34px;color:var(--text-tertiary);background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.landing .social-btn svg,.landing .social-icon-link svg{width:17px;height:17px}.landing .testimonials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.landing .testimonial-rating{display:flex;gap:2px;margin-bottom:var(--space-3)}.landing .testimonial-rating svg{width:14px;height:14px}.landing .testimonial-text{font-size:var(--text-base);line-height:1.6;color:var(--text-secondary);margin-bottom:var(--space-5)}.landing .testimonial-author{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--divider-color)}.landing .author-avatar{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;font-size:var(--text-base);font-weight:600;color:var(--text-secondary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full)}.landing .author-name{font-size:var(--text-base);font-weight:550;color:var(--text-primary)}.landing .author-role{font-size:var(--text-sm);color:var(--text-muted)}.landing .steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.landing .step-number{display:grid;place-items:center;width:28px;height:28px;margin-bottom:var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--text-on-accent);background-color:var(--primary-600);border-radius:var(--radius-full)}.landing-footer{padding:var(--space-12) 0 var(--space-6)!important;background-color:var(--bg-secondary);border-top:1px solid var(--border-color)}.landing .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-10);padding-bottom:var(--space-8)}.landing .footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.landing .footer-column h5{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.landing .footer-column a,.landing .footer-scroll-link{padding:0;font-family:inherit;font-size:var(--text-base);color:var(--text-tertiary);background:none;border:none;cursor:pointer;text-align:left;text-decoration:none;overflow-wrap:anywhere;transition:color var(--transition-fast)}.landing .footer-column a:hover,.landing .footer-scroll-link:hover{color:var(--text-primary)}.landing .footer-brand-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.landing .connect-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.landing .footer-social-links{display:flex;gap:var(--space-2)}.landing .footer-bottom{padding-top:var(--space-6);border-top:1px solid var(--divider-color);text-align:center}.landing .footer-bottom p{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:0}.landing .scroll-to-top{position:fixed;bottom:2rem;right:calc(2rem + 122px)!important;left:auto!important;z-index:10001;display:grid;place-items:center;width:38px;height:38px;color:var(--text-secondary);background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base),background-color var(--transition-fast),color var(--transition-fast),right .18s ease}.landing .scroll-to-top.visible{opacity:1;visibility:visible}@media (max-width: 640px){.landing .scroll-to-top{bottom:1.25rem;right:calc(1rem + 102px)!important;left:auto!important}}@media (max-width: 480px){.landing .scroll-to-top{right:1rem!important;left:auto!important;bottom:1rem}}.landing .scroll-to-top svg{width:18px;height:18px}.landing .feature-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background-color:#0000008c}.landing .feature-modal-content{width:100%;max-width:480px;max-height:85vh;overflow-y:auto;background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.landing .feature-modal-content .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-5) 0}.landing .modal-icon-wrapper{display:grid;place-items:center;width:38px;height:38px;background:var(--bg-tertiary)!important;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-accent)}.landing .modal-icon svg{width:18px;height:18px}.landing .modal-close-btn{display:grid;place-items:center;width:30px;height:30px;color:var(--text-muted);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.landing .modal-close-btn svg{width:16px;height:16px}.landing .feature-modal-content .modal-body{padding:var(--space-4) var(--space-5) var(--space-5)}.landing .modal-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.landing .modal-description{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:var(--space-5)}.landing .modal-details-grid{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.landing .modal-detail-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--text-secondary)}.landing .detail-check{display:grid;place-items:center;flex-shrink:0;color:var(--text-success)}.landing .detail-check svg{width:15px;height:15px}.landing .feature-modal-content .modal-footer{display:flex;justify-content:flex-end}.landing .btn-modal-action{height:38px;padding:0 var(--space-5);font-family:inherit;font-size:var(--text-base);font-weight:500;color:var(--text-on-accent);background-color:var(--primary-600);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast)}@media (max-width: 1024px){.landing .goals-grid,.landing .features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing .about-grid{grid-template-columns:1fr;gap:var(--space-8)}}@media (max-width: 860px){.landing .mission-content,.landing .testimonials-grid,.landing .steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing .footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}}@media (max-width: 640px){.landing section{padding:var(--space-12) 0}.landing .hero{padding:var(--space-12) 0}.landing .mission-content,.landing .goals-grid,.landing .features-grid,.landing .team-grid,.landing .testimonials-grid,.landing .steps-grid,.landing .footer-grid,.landing .about-features{grid-template-columns:minmax(0,1fr)}.landing .hero-actions{flex-direction:column;align-items:stretch}.landing .btn-explore,.landing .btn-learn{width:100%}.landing .scroll-to-top{bottom:var(--space-4);left:var(--space-4)}}.landing .member-avatar.has-photo{overflow:hidden;padding:0}.landing .member-avatar.has-photo img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.landing .scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:1200;transform-origin:0 50%;background:var(--primary-600)}.landing .hero-interactive{position:relative;padding:var(--space-16) 0;background:var(--bg-primary);border-bottom:1px solid var(--border-color)}.landing .hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--space-12);align-items:center}.landing .hero-copy{text-align:left}.landing .hero-interactive .hero-title{font-size:clamp(1.9rem,3.8vw,2.7rem);line-height:1.2;text-align:left}.landing .hero-highlight{color:var(--text-accent)}body:not(.light-theme) .landing .hero-highlight{color:var(--text-accent)}.landing .hero-interactive .hero-subtitle{margin:0 0 var(--space-6);text-align:left}.landing .hero-question{margin-bottom:var(--space-3);font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-tertiary)}.landing .need-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.landing .need-chip{position:relative;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;overflow:hidden;font-family:inherit;font-size:var(--text-base);font-weight:500;color:var(--text-secondary);background-color:var(--bg-card);border:1.5px solid var(--border-color);border-radius:999px;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast)}.landing .need-chip.active{border-color:var(--primary-600);color:var(--text-primary);background-color:color-mix(in srgb,var(--primary-500) 10%,var(--bg-card))}.landing .need-chip-timer{position:absolute;left:0;right:0;bottom:0;height:2px;background-color:var(--primary-500);transform-origin:0 50%}.landing .hero-interactive .hero-actions{justify-content:flex-start}.landing .hero-cta{height:50px;padding:0 var(--space-6);font-size:var(--text-md);background-color:var(--secondary-700);border-color:var(--secondary-700);color:#fff;box-shadow:var(--shadow-sm)}.landing .hero-cta-arrow{transition:transform var(--transition-fast)}.landing .hero-trust{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin:var(--space-5) 0 0;padding:0;list-style:none;font-size:var(--text-sm);color:var(--text-tertiary)}.landing .hero-trust li{display:inline-flex;align-items:center;gap:6px}.landing .hero-trust svg{color:var(--text-success)}.landing .hero-demo{display:flex;flex-direction:column;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);overflow:hidden}.landing .demo-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color)}.landing .demo-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff;background:var(--primary-600)}.landing .demo-name{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.landing .demo-status{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-tertiary)}.landing .demo-dot{width:7px;height:7px;border-radius:50%;background-color:var(--success-500);box-shadow:0 0 color-mix(in srgb,var(--success-500) 60%,transparent);animation:demo-pulse 2s infinite}@keyframes demo-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--success-500) 55%,transparent)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}.landing .demo-body{min-height:280px;padding:var(--space-5);background-color:var(--bg-secondary)}.landing .demo-thread{display:flex;flex-direction:column;gap:var(--space-3)}.landing .demo-bubble{max-width:88%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);line-height:1.55;border-radius:16px}.landing .demo-user{align-self:flex-end;color:#fff;background-color:var(--primary-600);border-bottom-right-radius:4px}.landing .demo-bot{align-self:flex-start;color:var(--text-primary);background-color:var(--bg-card);border:1px solid var(--border-color);border-bottom-left-radius:4px}.landing .demo-typing{display:inline-flex;gap:4px;padding:var(--space-3) var(--space-4)}.landing .demo-typing span{width:7px;height:7px;border-radius:50%;background-color:var(--text-muted);animation:demo-bounce 1s infinite ease-in-out}.landing .demo-typing span:nth-child(2){animation-delay:.15s}.landing .demo-typing span:nth-child(3){animation-delay:.3s}@keyframes demo-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}.landing .demo-caret{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:text-bottom;background-color:var(--primary-500);animation:demo-blink .8s steps(1) infinite}@keyframes demo-blink{50%{opacity:0}}.landing .demo-input{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:var(--space-4);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);font-size:var(--text-base);color:var(--text-muted);text-decoration:none;border:1px solid var(--border-strong);border-radius:999px;transition:border-color var(--transition-fast)}.landing .demo-input:hover{border-color:var(--primary-500);color:var(--text-secondary)}.landing .demo-send{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;color:#fff;background-color:var(--primary-600)}.landing .stats-strip{padding:var(--space-8) 0;border-block:1px solid var(--border-color);background-color:var(--bg-secondary)}.landing .stats-strip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);text-align:center}.landing .stats-strip-value{font-size:clamp(1.6rem,3.5vw,2.25rem);font-weight:700;letter-spacing:-.02em;color:var(--text-accent);font-variant-numeric:tabular-nums}body:not(.light-theme) .landing .stats-strip-value{color:var(--text-accent)}.landing .stats-strip-label{font-size:var(--text-sm);color:var(--text-tertiary)}.landing.reveal-ready section:not(.hero)>.container{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.landing.reveal-ready section.in-view>.container{opacity:1;transform:none}.landing .steps-track{position:relative;height:4px;margin:0 16.66% var(--space-6);background-color:var(--bg-tertiary);border-radius:999px;overflow:hidden}.landing .steps-track-fill{height:100%;background:var(--primary-600);border-radius:999px}.landing .interactive-step{position:relative;font-family:inherit;text-align:left;cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-base, .25s),box-shadow var(--transition-base, .25s)}.landing .interactive-step:hover{transform:translateY(-3px)}.landing .interactive-step.active{border-color:var(--primary-500);box-shadow:var(--shadow-md)}.landing .interactive-step.done .step-number{background-color:var(--success-600)}.landing .step-icon{position:absolute;top:var(--space-6);right:var(--space-6);color:var(--text-muted);transition:color var(--transition-fast)}.landing .interactive-step.active .step-icon{color:var(--text-accent)}.landing .step-time{display:inline-block;margin-top:var(--space-3);padding:2px 10px;font-size:var(--text-xs);font-weight:600;color:var(--text-success);background-color:color-mix(in srgb,var(--success-500) 12%,transparent);border-radius:999px}body:not(.light-theme) .landing .step-time{color:var(--text-success)}.landing .section-cta{display:flex;justify-content:center;margin-top:var(--space-8)}.landing .section-cta .btn{height:46px;padding:0 var(--space-6);font-size:var(--text-md)}.landing .final-cta{padding-top:0}.landing .final-cta-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-10);color:#fff;background:var(--primary-700);border-radius:var(--radius-2xl)}.landing .final-cta-card h2{margin-bottom:var(--space-2);font-size:clamp(1.4rem,3vw,1.9rem);color:#fff}.landing .final-cta-card p{margin:0;max-width:560px;color:#ffffffd9}.landing .final-cta-btn{height:50px;padding:0 var(--space-6);font-size:var(--text-md);font-weight:600;white-space:nowrap;color:var(--primary-800);background-color:#fff}@media (max-width: 960px){.landing .hero-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-10)}.landing .hero-demo{max-width:560px;width:100%;margin:0 auto}}@media (max-width: 860px){.landing .steps-grid{grid-template-columns:minmax(0,1fr)}.landing .steps-track{display:none}.landing .final-cta-card{flex-direction:column;align-items:flex-start;padding:var(--space-8)}}@media (max-width: 640px){.landing .hero-interactive{padding:var(--space-10) 0}.landing .stats-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--space-6)}.landing .hero-actions>div,.landing .final-cta-card>div:last-child{width:100%}.landing .final-cta-btn{width:100%}.landing .demo-body{min-height:300px}.landing .need-chip{font-size:var(--text-sm);padding:7px 12px}}.landing .hero-secondary-link{font-size:var(--text-base);font-weight:600;color:var(--text-accent);text-decoration:underline;text-underline-offset:3px}body:not(.light-theme) .landing .hero-secondary-link{color:var(--text-accent)}.landing .footer-disclaimer{max-width:760px;margin:0 auto var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary)}.landing .example-question{display:flex;flex-direction:column;gap:var(--space-3);color:inherit;text-decoration:none}.landing .example-question:hover{border-color:var(--primary-400)}.landing .example-who{align-self:flex-start;padding:2px 10px;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);border-radius:999px}.landing .example-link{display:inline-flex;align-items:center;gap:4px;margin-top:auto;font-size:var(--text-sm);font-weight:600;color:var(--text-accent)}:root{--chat-primary: var(--primary-600);--chat-primary-light: var(--primary-400);--chat-bg-light: #ffffff;--chat-bg-dark: #0f172a;--chat-text-light: #1e293b;--chat-text-dark: #f1f5f9;--chat-accent: #f59e0b;--chat-danger: #ef4444;--chat-success: #10b981;--chat-border: rgba(226, 232, 240, .8);--chat-shadow: 0 10px 40px -10px rgba(0, 0, 0, .15)}.side-chatbot-wrapper{position:fixed;bottom:2rem;right:2rem;z-index:10000;display:flex;flex-direction:column;align-items:flex-end;font-family:var(--font-sans)}.chatbot-toggle-btn{width:80px;height:80px;border-radius:24px;background:var(--primary-600);color:#fff;border:3px solid #ffffff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0f172a26;transition:box-shadow .2s ease,transform .2s ease;position:relative;overflow:hidden}.chatbot-container{width:420px;height:650px;background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:28px;margin-bottom:1.5rem;box-shadow:var(--chat-shadow);display:flex;flex-direction:column;overflow:hidden}.chatbot-header{padding:1rem 1.75rem;background:var(--primary-600);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:1.25rem;color:#fff}.bot-avatar{width:50px;height:50px;background:var(--primary-600);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 10px #0000001a}body.light-theme .bot-avatar{background:#1e293b}.bot-info h3{margin:0;font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:-.02em}.bot-status{font-size:.85rem;color:#ffffffe6;display:flex;align-items:center;gap:.5rem;margin-top:2px}.status-dot{width:8px;height:8px;background:var(--chat-success);border-radius:50%;box-shadow:0 0 0 3px #10b9811a;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.close-btn{transition:all .2s;padding:6px;border-radius:50%;color:#fffc!important}.chatbot-messages{flex:1;padding:2rem 1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;background:#fff;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;transition:background .3s ease}body:not(.light-theme) .chatbot-messages{background:#0a0e17;scrollbar-color:#1a1f2e transparent}.message{max-width:85%;padding:1.15rem 1.25rem;font-size:.95rem;line-height:1.6;position:relative;transition:transform .2s;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;display:flex;flex-direction:column}.message:hover{transform:translateY(-2px)}.message.bot{align-self:flex-start;background:var(--primary-600);color:#fff!important;border-radius:4px 18px 18px;border:none;box-shadow:var(--shadow-sm);font-weight:500}.message.bot *,body.light-theme .message.bot{color:#fff!important}.message.user{align-self:flex-end;background:#f1f5f9;color:#1e293b!important;border-radius:18px 18px 4px;box-shadow:0 4px 12px #0000000d;border:1px solid #e2e8f0}.message.user *{color:#1e293b!important}body:not(.light-theme) .message.user{background:#1e293b;color:#f1f5f9!important;box-shadow:0 8px 20px #0003;border:1px solid rgba(255,255,255,.05)}body:not(.light-theme) .message.user *{color:#f1f5f9!important}.message-content{margin-bottom:4px;width:100%}.message-content p{margin:0 0 8px}.message-content p:last-child{margin-bottom:0}.message-content a{color:inherit;text-decoration:underline;font-weight:600}.message.bot .message-content a{color:#fff;opacity:.9}.message-content ul,.message-content ol{margin:8px 0;padding-left:1.25rem}.message-time{font-size:.7rem;opacity:.9;margin-top:8px;white-space:nowrap;-webkit-user-select:none;user-select:none}.message.user .message-time{text-align:right;align-self:flex-end}.message.bot .message-time{text-align:left;align-self:flex-start;color:#ffffffe6}.message-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.tag{padding:3px 10px;border-radius:8px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:#f1f5f9;color:#475569;border:1px solid rgba(0,0,0,.05)}.user .tag{background:#ffffff26;color:#ffffffe6;border:none}.tag.priority-high{background:#fee2e2;color:#b91c1c}.tag.priority-medium{background:#fef3c7;color:#b45309}.tag.priority-low{background:#dcfce7;color:#15803d}.chatbot-input-area{padding:1.25rem;background:#fff;border-top:1px solid #e2e8f0;display:flex;align-items:center;gap:.75rem}body:not(.light-theme) .chatbot-input-area{background:#0a0e17;border-top:1px solid rgba(255,255,255,.05)}.input-wrapper{flex:1;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;padding:.5rem 1rem;display:flex;align-items:center;transition:all .3s}body:not(.light-theme) .input-wrapper{background:#161b26;border:1.5px solid rgba(255,255,255,.05)}.input-wrapper:focus-within{border-color:var(--primary-600);background:#fff}body:not(.light-theme) .input-wrapper:focus-within{background:#1c2230}.input-wrapper input{flex:1;border:none;background:transparent;padding:.5rem 0;outline:none;font-size:.95rem;color:#1e293b;font-weight:500}body:not(.light-theme) .input-wrapper input{color:#fff}.input-wrapper input::placeholder{color:#94a3b8}.voice-btn{background:var(--primary-600);border:none;color:#fff;cursor:pointer;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s}.voice-btn.recording{color:#fff;background:var(--chat-danger);animation:pulse-red 1.5s infinite}@keyframes pulse-red{0%{transform:scale(1);box-shadow:0 0 #ef444466}70%{transform:scale(1.05);box-shadow:0 0 0 10px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.send-btn{height:46px;padding:0 1.5rem;background:var(--primary-600);color:#fff;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:1rem}.send-btn:disabled{background:#e2e8f0;color:#94a3b8;box-shadow:none;cursor:not-allowed}.typing-indicator{display:flex;gap:6px;padding:1rem 1.25rem;background:#fff;border:1px solid var(--chat-border);border-radius:18px;width:fit-content;align-self:flex-start;box-shadow:0 4px 10px #00000005}.dot{width:7px;height:7px;background:#cbd5e1;border-radius:50%;animation:typing-jump 1.4s infinite ease-in-out}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes typing-jump{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px);background:var(--chat-primary)}}body:not(.light-theme) .chatbot-container{background:#0f172a;border-color:#ffffff1a;box-shadow:0 20px 50px #00000080}body:not(.light-theme) .chatbot-header{background:#1e293b;border-bottom-color:#ffffff0d}body:not(.light-theme) .bot-info h3{color:#f8fafc}body:not(.light-theme) .chatbot-messages{background:#0a0a0f}body:not(.light-theme) .message.bot{background:#1e293b;color:#e2e8f0;border-color:#ffffff1a}body:not(.light-theme) .tag{background:#ffffff0d;color:#94a3b8}body:not(.light-theme) .chatbot-input-area{background:#1e293b;border-top-color:#ffffff1a}body:not(.light-theme) .input-wrapper{background:#0a0a0f;border-color:#ffffff1a}body:not(.light-theme) .input-wrapper input{color:#f1f5f9}body:not(.light-theme) .voice-btn{background:#1e293b;color:#cbd5e1;border:1px solid rgba(255,255,255,.05)}@media (max-width: 480px){.chatbot-container{width:calc(100vw - 2rem);height:calc(100vh - 10rem);right:1rem;bottom:6rem}.side-chatbot-wrapper{right:1rem;bottom:1.5rem}}@media (max-width: 768px),(max-height: 780px){.chatbot-container{width:min(420px,calc(100vw - 2rem));height:min(650px,calc(100svh - 9rem))}}@media (max-width: 480px){.side-chatbot-wrapper{left:1rem;align-items:flex-end}.chatbot-container{width:100%;height:calc(100svh - 8.5rem);margin-bottom:1rem;border-radius:20px}.chatbot-toggle-btn{width:60px;height:60px;border-radius:18px}.chatbot-header{padding:.75rem 1rem;gap:.75rem}.bot-avatar{width:40px;height:40px;font-size:1.2rem}.chatbot-messages{padding:1.25rem 1rem;gap:1rem}.message{max-width:90%;padding:.85rem 1rem}}.app .resources-page,.app .learning-hub-page,.app .ai-assistant-page,.app .profile-page,.app .feedback-page,.app .forum-container{background:var(--bg-secondary)}.app .resources-page .page-header,.app .learning-hub-page .page-header,.app .forum-container .forum-hero{position:relative;margin-bottom:var(--space-6);padding:var(--space-8);overflow:hidden;text-align:left;color:#fff;background:var(--primary-700);border:none;border-radius:var(--radius-2xl);box-shadow:0 24px 48px -28px color-mix(in srgb,var(--primary-700) 80%,transparent)}.app .learning-hub-page .page-header{background:var(--primary-800)}.app .resources-page .page-header:after,.app .learning-hub-page .page-header:after,.app .forum-container .forum-hero:after{content:"";position:absolute;top:-40%;right:-10%;width:380px;height:380px;background:none;pointer-events:none}.app .resources-page .page-header h1,.app .learning-hub-page .page-header h1,.app .forum-container .forum-hero h1{position:relative;margin-bottom:var(--space-2);font-size:clamp(1.6rem,3.5vw,2.25rem);color:#fff}.app .resources-page .page-header p,.app .learning-hub-page .page-header p,.app .forum-container .forum-hero p{position:relative;max-width:640px;margin:0;font-size:var(--text-md);color:#ffffffe0}.app .forum-container .forum-hero .hero-icon{color:#fff}.app .resources-page .stats-grid,.app .learning-hub-page .stats-grid{gap:var(--space-4);margin-bottom:var(--space-6)}.app .resources-page .stat-card,.app .learning-hub-page .stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.app .resources-page .stat-card:hover,.app .learning-hub-page .stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.app .resources-page .stat-icon,.app .learning-hub-page .stat-icon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;color:var(--text-accent);background:color-mix(in srgb,var(--primary-500) 14%,transparent);border-radius:var(--radius-lg)}.app .resources-page .stat-card:nth-child(2) .stat-icon,.app .learning-hub-page .stat-card:nth-child(2) .stat-icon{color:var(--text-success);background:color-mix(in srgb,var(--success-500) 14%,transparent)}.app .resources-page .stat-card:nth-child(3) .stat-icon,.app .learning-hub-page .stat-card:nth-child(3) .stat-icon{color:var(--text-warning);background:color-mix(in srgb,var(--secondary-400) 22%,transparent)}.app .resources-page .stat-card:nth-child(4) .stat-icon,.app .learning-hub-page .stat-card:nth-child(4) .stat-icon{color:var(--text-accent);background:color-mix(in srgb,var(--primary-500) 14%,transparent)}.app .resources-page .stat-number,.app .learning-hub-page .stat-number{font-size:1.6rem;font-weight:700;color:var(--text-primary)}.app .resources-page .search-filter-section,.app .learning-hub-page .search-filter-section{padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.app .resources-page .search-input,.app .learning-hub-page .search-box input{height:48px;font-size:var(--text-md);border-radius:var(--radius-lg)}.app .resources-page .search-input:focus,.app .learning-hub-page .search-box input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-500) 18%,transparent)}.app .resources-page .filter-btn,.app .resources-page .sub-filter-btn,.app .learning-hub-page .filter-btn{border-radius:999px;border:1.5px solid var(--border-color);background:var(--bg-card);transition:all var(--transition-fast)}.app .resources-page .filter-btn.active,.app .resources-page .sub-filter-btn.active,.app .learning-hub-page .filter-btn.active{color:#fff;background:var(--primary-600);border-color:var(--primary-600)}.app .resources-page .resource-card,.app .resources-page .link-card,.app .learning-hub-page .platform-card{position:relative;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.app .resources-page .resource-card:before,.app .learning-hub-page .platform-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--primary-600);opacity:0;transition:opacity var(--transition-fast)}.app .resources-page .resource-card:hover,.app .resources-page .link-card:hover,.app .learning-hub-page .platform-card:hover{transform:translateY(-3px);border-color:var(--primary-300);box-shadow:0 18px 36px -22px color-mix(in srgb,var(--primary-600) 60%,transparent)}.app .resources-page .resource-card:hover:before,.app .learning-hub-page .platform-card:hover:before{opacity:1}.app .ai-assistant-page .assistant-container{overflow:hidden;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.app .ai-assistant-page .assistant-header{color:#fff;background:var(--primary-700);border-bottom:none}.app .ai-assistant-page .assistant-header h1{color:#fff}.app .ai-assistant-page .assistant-header p{color:#ffffffd9}.app .ai-assistant-page .bot-avatar{color:#fff;background:#ffffff2e;border:1px solid rgba(255,255,255,.3)}.app .ai-assistant-page .assistant-header .badge{color:#fff;background:#ffffff29;border-color:#ffffff4d}.app .ai-assistant-page .messages-area{background:var(--bg-secondary)}.app .ai-assistant-page .user-message .message-content{color:#fff;background:var(--primary-600);border:none}.app .ai-assistant-page .suggestion-chip{border-radius:999px;border:1.5px solid var(--border-color);transition:all var(--transition-fast)}.app .ai-assistant-page .input-container{border-radius:var(--radius-xl)}.app .profile-page .profile-container{overflow:hidden;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.app .profile-page .profile-header{position:relative;padding-top:132px;background:linear-gradient(var(--primary-700),var(--primary-700)) top / 100% 110px no-repeat}.app .profile-page .profile-avatar-container{margin-top:-72px}.app .profile-page .profile-avatar,.app .profile-page .avatar-img{border:4px solid var(--bg-card);box-shadow:var(--shadow-md)}.app .profile-page .detail-item{padding:var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--transition-fast)}.app .profile-page .detail-item:hover{border-color:var(--primary-300)}.app .profile-page .action-btn{border-radius:var(--radius-lg);transition:transform var(--transition-fast)}.app .feedback-page .feedback-card{border-radius:var(--radius-2xl);box-shadow:0 24px 48px -30px color-mix(in srgb,var(--primary-700) 60%,transparent)}.app .feedback-page .category-tab{border-radius:var(--radius-xl);transition:transform var(--transition-fast),border-color var(--transition-fast)}body:not(.light-theme) .app .resources-page .stat-card:nth-child(4) .stat-icon,body:not(.light-theme) .app .learning-hub-page .stat-card:nth-child(4) .stat-icon{color:#a78bfa}body:not(.light-theme) .app .resources-page .stat-card:nth-child(3) .stat-icon,body:not(.light-theme) .app .learning-hub-page .stat-card:nth-child(3) .stat-icon{color:var(--text-warning)}@media (max-width: 640px){.app .resources-page .page-header,.app .learning-hub-page .page-header,.app .forum-container .forum-hero{padding:var(--space-5)}}.app .profile-page .actions-grid .action-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);text-decoration:none}.app .profile-page .danger-zone{margin-top:var(--space-6);padding:var(--space-5);border:1px solid color-mix(in srgb,var(--error-500) 40%,transparent);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--error-500) 5%,transparent)}.app .profile-page .danger-zone h3{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-size:var(--text-md);color:var(--text-danger)}.app .profile-page .danger-zone p{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--text-secondary)}.app .profile-page .danger-confirm{display:flex;flex-direction:column;gap:var(--space-2);max-width:360px}.app .profile-page .danger-confirm input{height:42px;padding:0 var(--space-3);font-family:inherit;color:var(--text-primary);background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:var(--radius-lg)}.app .profile-page .danger-actions{display:flex;gap:var(--space-2)}.app .profile-page .action-btn.danger.solid{color:#fff;background:var(--error-600);border-color:var(--error-600)}.app .profile-page .action-btn:disabled{opacity:.5;cursor:not-allowed}.app .profile-page .danger-msg{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-danger)}:root{color-scheme:dark;--primary-50: #fcf5eb;--primary-100: #f9e8d4;--primary-200: #f4d6b0;--primary-300: #a8cbc7;--primary-400: #5bc0de;--primary-500: #477d99;--primary-600: #3a506b;--primary-700: #2b3b56;--primary-800: #1c2541;--primary-900: #0b132b;--secondary-50: #fffbeb;--secondary-100: #fef3c7;--secondary-200: #fde68a;--secondary-300: #fcd34d;--secondary-400: #fbbf24;--secondary-500: #f59e0b;--secondary-600: #d97706;--secondary-700: #b45309;--secondary-800: #92400e;--secondary-900: #78350f;--success-50: #ecfdf5;--success-100: #d1fae5;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--error-50: #fef2f2;--error-100: #fee2e2;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--info-500: #3b82f6;--info-600: #2563eb;--neutral-50: #f8f9fa;--neutral-100: #f1f3f5;--neutral-200: #e6e8eb;--neutral-300: #d3d7dd;--neutral-400: #9aa1ac;--neutral-500: #6f7681;--neutral-600: #4d545e;--neutral-700: #343941;--neutral-800: #22262c;--neutral-900: #15181d;--neutral-950: #0d0f12;--bg-primary: #0b132b;--bg-secondary: #131c36;--bg-tertiary: #1c2541;--bg-card: #131c36;--bg-elevated: #1c2541;--bg-hover: #243052;--bg-active: #2b3b56;--bg-input: #131c36;--text-primary: #f2f4f7;--text-secondary: #c5ccd6;--text-tertiary: #a3acba;--text-muted: #9aa3b2;--text-accent: #7cc8e0;--text-danger: #fca5a5;--text-warning: #fbbf24;--text-success: #34d399;--text-info: #93c5fd;--text-on-accent: #ffffff;--border-color: #2b3b56;--border-strong: #3a506b;--divider-color: #22262c;--focus-ring: rgba(91, 192, 222, .45);--link-color: var(--primary-400);--link-hover: #a8e0f2;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 6px rgba(0, 0, 0, .35);--shadow-lg: 0 6px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .5);--shadow-glow: var(--shadow-md);--shadow-glow-strong: var(--shadow-lg);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 14px;--radius-full: 9999px;--font-sans: "IBM Plex Sans", "IBM Plex Sans Devanagari", "Noto Sans Devanagari", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: var(--font-sans);--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--transition-fast: .11s ease;--transition-base: .16s ease;--transition-slow: .22s ease;--navbar-height: 60px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}body.light-theme{color-scheme:light;--bg-primary: #ffffff;--bg-secondary: #fdf6ee;--bg-tertiary: #fbf1e3;--bg-card: #ffffff;--bg-elevated: #ffffff;--bg-hover: #fbf1e3;--bg-active: #f9e8d4;--bg-input: #ffffff;--text-primary: #16191d;--text-secondary: #4d545e;--text-tertiary: #686f79;--text-muted: #6a6f77;--text-accent: #3a506b;--text-danger: #b91c1c;--text-warning: #92400e;--text-success: #047857;--text-info: #1d4ed8;--text-on-accent: #ffffff;--border-color: #e4e7eb;--border-strong: #d3d7dd;--divider-color: #eceef1;--focus-ring: rgba(58, 80, 107, .35);--link-color: var(--primary-600);--link-hover: var(--primary-700);--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 2px 6px rgba(16, 24, 40, .07);--shadow-lg: 0 6px 16px rgba(16, 24, 40, .09);--shadow-xl: 0 12px 32px rgba(16, 24, 40, .12);--shadow-glow: var(--shadow-md);--shadow-glow-strong: var(--shadow-lg)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.55;overflow-x:hidden;min-height:100svh;overscroll-behavior-y:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base)}#root,.app{min-height:100svh;position:relative;display:flex;flex-direction:column}.app{flex:1}img,svg,video,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.25;letter-spacing:-.005em;color:var(--text-primary);margin-bottom:var(--space-3);background:none;-webkit-text-fill-color:currentColor}h1{font-size:clamp(1.875rem,3.5vw,2.75rem);font-weight:600;letter-spacing:-.01em}h2{font-size:clamp(1.5rem,2.5vw,2rem);letter-spacing:-.02em}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-md)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4);color:var(--text-secondary)}p:last-child{margin-bottom:0}small{font-size:var(--text-sm)}strong{font-weight:600;color:var(--text-primary)}code,pre{font-family:var(--font-mono);font-size:.875em}a{color:var(--link-color);text-decoration:none;transition:color var(--transition-fast)}a:not([class]):hover{color:var(--link-hover)}hr{border:none;border-top:1px solid var(--divider-color);margin:var(--space-6) 0}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 var(--space-6)}.container-wide{max-width:1320px}.container-narrow{max-width:720px}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.text-center{text-align:center}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.section{padding:var(--space-16) 0}.section-header{max-width:640px;margin:0 auto var(--space-10);text-align:center}.section-header h2{margin-bottom:var(--space-2)}.section-header p{color:var(--text-tertiary);font-size:var(--text-md);margin-bottom:0}.page-header{margin-bottom:var(--space-8)}.page-header h1{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.page-header p{color:var(--text-tertiary);margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);height:38px;font-family:inherit;font-size:var(--text-base);font-weight:500;line-height:1;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.btn-primary{background-color:var(--primary-600);color:var(--text-on-accent)}.btn-primary:active{background-color:var(--primary-800)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.btn-outline{background-color:transparent;color:var(--text-primary);border-color:var(--border-strong)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-danger{background-color:var(--error-600);color:#fff}.btn-success{background-color:var(--success-700);color:#fff}.btn-lg{height:44px;padding:0 var(--space-6);font-size:var(--text-md)}.btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-md)}.btn-icon{width:38px;padding:0}.btn-block{width:100%}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-5);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.card:hover{border-color:var(--border-strong)}.card-title{font-size:var(--text-md);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.card-description{color:var(--text-secondary);font-size:var(--text-base);line-height:1.55;margin-bottom:0}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--divider-color)}.card.clickable,.clickable{cursor:pointer}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;margin-bottom:.375rem;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-transform:none;letter-spacing:0}.form-input,.form-select,.form-textarea{width:100%;padding:0 var(--space-3);height:38px;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-textarea{height:auto;min-height:104px;padding:.625rem var(--space-3);resize:vertical;line-height:1.55}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-8);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%236f7681' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;cursor:pointer}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--border-strong)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--focus-ring)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.form-error{color:var(--text-danger);font-size:var(--text-sm);margin-top:.375rem}.form-helper{color:var(--text-muted);font-size:var(--text-sm);margin-top:.375rem}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);font-weight:500;line-height:1.5;border-radius:var(--radius-full);border:1px solid transparent;text-transform:none;letter-spacing:0;white-space:nowrap}.badge-primary{background-color:color-mix(in srgb,var(--primary-500) 14%,transparent);color:var(--text-accent);border-color:color-mix(in srgb,var(--primary-500) 28%,transparent)}.badge-secondary,.badge-warning{background-color:color-mix(in srgb,var(--secondary-500) 14%,transparent);color:var(--text-warning);border-color:color-mix(in srgb,var(--secondary-500) 28%,transparent)}.badge-success{background-color:color-mix(in srgb,var(--success-500) 14%,transparent);color:var(--text-success);border-color:color-mix(in srgb,var(--success-500) 28%,transparent)}.badge-error{background-color:color-mix(in srgb,var(--error-500) 14%,transparent);color:var(--text-danger);border-color:color-mix(in srgb,var(--error-500) 28%,transparent)}.badge-info{background-color:color-mix(in srgb,var(--info-500) 14%,transparent);color:var(--text-info);border-color:color-mix(in srgb,var(--info-500) 28%,transparent)}.badge-neutral{background-color:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-color)}body.light-theme .badge-primary{color:var(--text-accent)}body.light-theme .badge-secondary,body.light-theme .badge-warning{color:var(--text-warning)}body.light-theme .badge-success{color:var(--text-success)}body.light-theme .badge-error{color:var(--text-danger)}body.light-theme .badge-info{color:var(--text-info)}.spinner{width:28px;height:28px;border:2px solid var(--border-color);border-top-color:var(--primary-500);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}svg.spinner{width:17px;height:17px;border:none;border-radius:0}@keyframes spin{to{transform:rotate(360deg)}}.pulse{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.fade-in{animation:fadeIn .18s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.skeleton{background-color:var(--bg-tertiary);border-radius:var(--radius-md);animation:pulse 1.8s ease-in-out infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-16) var(--space-6);text-align:center;color:var(--text-tertiary)}.empty-state svg{color:var(--text-muted);margin-bottom:var(--space-2)}.empty-state h3{font-size:var(--text-md);margin-bottom:0}.empty-state p{font-size:var(--text-base);color:var(--text-muted);margin-bottom:0}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--border-strong);border-radius:var(--radius-full);border:3px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}::selection{background-color:color-mix(in srgb,var(--primary-500) 28%,transparent);color:var(--text-primary)}@media (max-width: 900px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.container{padding:0 var(--space-4)}.section{padding:var(--space-12) 0}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:minmax(0,1fr)}}@media (max-width: 900px){.hide-mobile{display:none!important}}@media (min-width: 901px){.hide-desktop{display:none!important}}@media (max-width: 640px){input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{font-size:16px!important}.btn,.btn-lg{height:42px}.btn-sm{height:36px}}table{max-width:100%}pre{overflow-x:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-contrast: more){:root{--border-color: var(--border-strong);--text-secondary: #d7dbe1}body.light-theme{--border-color: #b9bec6;--text-secondary: #333940}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.page-loading{min-height:100svh}