@import "https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";.header{z-index:1000;background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;width:100%;height:72px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000005}.header-content{box-sizing:border-box;flex-flow:row;justify-content:space-between;align-items:center;width:100%;height:100%;margin:0 auto;display:flex;max-width:1440px!important;padding:0 1.5rem!important}.logo-link{flex-shrink:0;align-items:center;text-decoration:none;display:flex;margin-right:clamp(1rem,1.6vw,2rem)!important;padding:0!important}.logo{object-fit:contain;width:142px;height:auto;max-height:38px;display:block}.desktop-nav{flex:auto;justify-content:center;align-items:center;min-width:0;padding:0;display:flex}.nav-links{white-space:nowrap!important;flex-flow:row!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;gap:clamp(.5rem,.85vw,1.15rem)!important;margin:0!important;padding:0!important;list-style:none!important;display:flex!important}.nav-links>li{white-space:nowrap!important;flex-shrink:0!important;align-items:center!important;list-style:none!important;display:flex!important}.nav-dropdown-wrapper{align-items:center!important;display:flex!important;position:relative!important}.nav-dropdown-trigger{color:var(--primary,#4f46e5);font-family:var(--font-sans);border-radius:var(--radius-pill,9999px);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#eef2ff;border:1.5px solid #0000;align-items:center;gap:5px;padding:.35rem .85rem;font-size:.875rem;font-weight:600;line-height:1.25;transition:all .2s;display:inline-flex}.nav-dropdown-trigger:hover,.nav-dropdown-trigger.open{color:var(--primary-hover,#4338ca);background:#e0e7ff}.nav-dropdown-chevron{color:currentColor;flex-shrink:0;transition:transform .2s}.nav-dropdown-trigger.open .nav-dropdown-chevron{transform:rotate(180deg)}.nav-dropdown-menu{z-index:1050;background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-width:230px;margin:0;padding:6px;list-style:none;animation:.15s ease-out navDropdownFade;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000a}@keyframes navDropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-item{font-family:var(--font-sans);color:#334155;white-space:nowrap;box-sizing:border-box;border-radius:10px;align-items:center;gap:12px;width:100%;padding:8px 14px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.nav-dropdown-item:hover{color:#0f172a;background:#f8fafc}.nav-dropdown-item.active{color:var(--primary,#4f46e5);background:#eef2ff;font-weight:600}.nav-dropdown-item-icon{color:#64748b;flex-shrink:0;transition:color .15s}.nav-dropdown-item:hover .nav-dropdown-item-icon,.nav-dropdown-item.active .nav-dropdown-item-icon{color:var(--primary,#4f46e5)}.nav-item{font-family:var(--font-sans);color:#334155;align-items:center;padding:.5rem .35rem;font-size:.875rem;font-weight:500;line-height:1.25;text-decoration:none;transition:color .15s;display:inline-flex;position:relative;white-space:nowrap!important}.nav-item:hover{color:var(--primary)}.nav-item.active{color:var(--primary);font-weight:600}.nav-item.active:after{content:"";background:var(--primary);border-radius:2px;width:100%;height:2.5px;position:absolute;bottom:-4px;left:0}.header-actions{white-space:nowrap;flex-shrink:0;align-items:center;gap:.65rem;display:flex;margin-left:clamp(1rem,1.6vw,2rem)!important;padding-left:0!important}.search-wrapper{align-items:center;display:flex;position:relative}.search-btn-icon{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.search-btn-icon:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.search-btn-icon.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px #4f46e54d}.search-popover-panel{z-index:1050;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;width:440px;max-width:min(440px,100vw - 32px);animation:.18s cubic-bezier(.16,1,.3,1) searchPopoverFadeIn;display:flex;position:absolute;top:calc(100% + 14px);right:-100px;overflow:hidden;box-shadow:0 20px 40px -10px #0f172a2e,0 0 1px #0f172a1a}@keyframes searchPopoverFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.search-popover-header{background:#fafafa;border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:12px 16px;display:flex}.search-popover-input-icon{color:var(--primary,#4f46e5);flex-shrink:0}.search-popover-header input{font-family:var(--font-sans);color:#1e293b;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:.925rem}.search-popover-header input::placeholder{color:#94a3b8}.search-popover-clear-btn{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:all .15s;display:flex}.search-popover-clear-btn:hover{color:#0f172a;background:#cbd5e1}.search-popover-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:all .15s;display:flex}.search-popover-close-btn:hover{color:#0f172a;background:#f1f5f9}.search-popover-body{flex-direction:column;max-height:380px;display:flex;overflow-y:auto}.search-popover-loading{color:#64748b;justify-content:center;align-items:center;gap:10px;padding:32px 16px;font-size:.875rem;display:flex}.search-popover-spinner{border:2px solid #e2e8f0;border-top-color:var(--primary,#4f46e5);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite searchSpinner}@keyframes searchSpinner{to{transform:rotate(360deg)}}.search-popover-error{text-align:center;color:#dc2626;padding:24px 16px;font-size:.875rem}.search-popover-prompt{text-align:center;color:#94a3b8;padding:24px 20px;font-size:.85rem;line-height:1.5}.search-popover-empty{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:32px 20px;display:flex}.search-empty-icon{color:#cbd5e1;margin-bottom:8px}.search-popover-empty p{color:#334155;margin:0 0 4px;font-size:.9rem;font-weight:500}.search-empty-hint{color:#94a3b8;font-size:.8rem}.search-popover-results{flex-direction:column;padding:8px;display:flex}.search-result-item{color:inherit;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:background .15s;display:flex}.search-result-item:hover{background:#f8fafc}.search-result-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.search-result-title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;font-weight:600;overflow:hidden}.search-result-item:hover .search-result-title{color:var(--primary,#4f46e5)}.search-result-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.search-tag-type{color:#4f46e5;background:#eef2ff;border-radius:4px;padding:2px 7px;font-size:.72rem;font-weight:600}.search-tag-sub,.search-tag-grade{color:#64748b;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:.72rem}.search-result-price{color:#0f172a;flex-shrink:0;font-size:.875rem;font-weight:700}.search-view-all-btn{width:100%;color:var(--primary,#4f46e5);cursor:pointer;text-align:center;background:0 0;border:none;border-top:1px solid #f1f5f9;border-radius:8px;margin-top:4px;padding:10px;font-size:.85rem;font-weight:600;transition:background .15s}.search-view-all-btn:hover{background:#eef2ff}.btn-header-login{font-family:var(--font-heading);color:var(--primary);border:1.5px solid var(--primary);border-radius:var(--radius-pill);background:#fff;justify-content:center;align-items:center;padding:.42rem 1.15rem;font-size:.875rem;font-weight:600;line-height:1.25;text-decoration:none;transition:all .2s;display:inline-flex}.btn-header-login:hover{background:var(--primary-light);transform:translateY(-1px)}.btn-header-signup{font-family:var(--font-heading);color:#fff;background:var(--primary);border:1.5px solid var(--primary);border-radius:var(--radius-pill);justify-content:center;align-items:center;padding:.44rem 1.25rem;font-size:.875rem;font-weight:600;line-height:1.25;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 3px 10px #4f46e538}.btn-header-signup:hover{background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 5px 14px #4f46e54d}.header-auth-group{align-items:center;gap:.65rem;display:flex}.header-auth-skeleton{border-radius:var(--radius-pill);background:#e2e8f0;width:140px;height:38px;animation:1.5s ease-in-out infinite pulse}.btn-header-dashboard{font-family:var(--font-heading);color:#fff;background:var(--primary);border:1.5px solid var(--primary);border-radius:var(--radius-pill);justify-content:center;align-items:center;padding:.44rem 1.25rem;font-size:.875rem;font-weight:600;line-height:1.25;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 3px 10px #4f46e538}.btn-header-dashboard:hover{background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 5px 14px #4f46e54d}.btn-header-logout{font-family:var(--font-heading);color:#64748b;border-radius:var(--radius-pill);cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;justify-content:center;align-items:center;padding:.42rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-header-logout:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8;transform:translateY(-1px)}.btn-header-logout-mobile{text-align:center;border-radius:var(--radius-pill);color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;flex:1;justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:600;transition:all .2s;display:flex}.btn-header-logout-mobile:hover{color:#0f172a;background:#f1f5f9}.mobile-toggle{color:var(--text-main);cursor:pointer;background:0 0;border:none;padding:.25rem;display:none}.mobile-nav{border-bottom:1px solid var(--border-light);width:100%;box-shadow:var(--shadow-lg);z-index:999;background:#fff;flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex;position:absolute;top:72px;left:0}.mobile-search-bar{background:var(--surface-alt);border:1px solid var(--border-light);border-radius:var(--radius-pill);align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.mobile-search-bar input{background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.mobile-nav-links{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.mobile-nav-links a{color:var(--text-main);border-bottom:1px solid var(--surface-alt);padding:.5rem .25rem;font-size:1rem;font-weight:500;text-decoration:none}.mobile-nav-links a.active{color:var(--primary);font-weight:600}.mobile-nav-dropdown-wrapper{border-bottom:1px solid var(--surface-alt,#f1f5f9);flex-direction:column;display:flex}.mobile-nav-dropdown-trigger{width:100%;font-family:var(--font-sans);color:var(--text-main,#1e293b);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.5rem .25rem;font-size:1rem;font-weight:500;transition:color .15s;display:flex}.mobile-nav-dropdown-trigger:hover,.mobile-nav-dropdown-trigger.open{color:var(--primary,#4f46e5)}.mobile-nav-dropdown-trigger.active{color:var(--primary,#4f46e5);font-weight:600}.mobile-dropdown-chevron{color:currentColor;flex-shrink:0;transition:transform .2s}.mobile-dropdown-chevron.open{transform:rotate(180deg)}.mobile-nav-dropdown-menu{flex-direction:column;gap:.25rem;padding:.25rem 0 .5rem .75rem;animation:.15s ease-out navDropdownFade;display:flex}.mobile-dropdown-subitem{border-radius:8px;align-items:center;gap:10px;transition:background-color .15s,color .15s;display:flex;color:#475569!important;border-bottom:none!important;padding:.45rem .75rem!important;font-size:.925rem!important}.mobile-dropdown-subitem:hover{background:#f8fafc;color:var(--primary,#4f46e5)!important}.mobile-dropdown-subitem.active{background:#eef2ff;font-weight:600;color:var(--primary,#4f46e5)!important}.mobile-dropdown-subitem-icon{color:#64748b;flex-shrink:0;transition:color .15s}.mobile-dropdown-subitem:hover .mobile-dropdown-subitem-icon,.mobile-dropdown-subitem.active .mobile-dropdown-subitem-icon{color:var(--primary,#4f46e5)}.mobile-auth{gap:.75rem;display:flex}.btn-header-login-mobile{text-align:center;border:1.5px solid var(--border-light);border-radius:var(--radius-pill);color:var(--text-main);flex:1;justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:600;text-decoration:none;display:flex}.mobile-auth .btn{flex:1}@media (width<=1180px) and (width>=1041px){.logo{width:130px}.logo-link{margin-right:.75rem!important}.header-actions{gap:.5rem;margin-left:.75rem!important}.nav-links{gap:.45rem!important}.nav-item{padding:.45rem .2rem!important;font-size:.8125rem!important}.nav-dropdown-trigger{padding:.32rem .65rem!important;font-size:.8125rem!important}.btn-header-login{padding:.38rem .95rem;font-size:.8125rem}.btn-header-signup{padding:.4rem 1.05rem;font-size:.8125rem}}@media (width<=1040px){.desktop-nav,.header-actions.desktop-only{display:none!important}.mobile-toggle{display:flex!important}.logo-link{margin-right:0!important;padding-right:0!important}.header-actions{margin-left:0!important;padding-left:0!important}}.footer{background-color:#fff;border-top:1px solid #e2e8f0;padding-top:4.5rem}.footer-content{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:3.5rem;display:grid}.footer-logo-link{margin-bottom:1rem;display:inline-block}.footer-logo{object-fit:contain;width:155px;height:auto;max-height:40px;display:block}.footer-desc{color:#64748b;max-width:320px;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.footer-contact-items{flex-direction:column;gap:.6rem;display:flex}.contact-mini-item{color:#475569;align-items:center;gap:.6rem;font-size:.85rem;display:flex}.contact-mini-icon{color:var(--primary);flex-shrink:0}.footer-heading{color:#0f172a;margin-bottom:1.25rem;font-size:1.05rem;font-weight:700}.footer-links{flex-direction:column;gap:.65rem;display:flex}.footer-links a{color:#64748b;font-size:.875rem;transition:all .2s}.footer-links a:hover{color:var(--primary);transform:translate(3px)}.footer-bottom{background-color:#f8fafc;border-top:1px solid #e2e8f0;padding:1.5rem 0}.footer-bottom-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-copy{color:#64748b;font-size:.85rem}.footer-love{color:#64748b;align-items:center;gap:.35rem;font-size:.85rem;display:flex}.heart-icon{color:#ef4444}@media (width<=1024px){.footer-content{grid-template-columns:1fr 1fr;gap:2rem}}@media (width<=640px){.footer-content{grid-template-columns:1fr}.footer-bottom-inner{text-align:center;flex-direction:column}}.hero-section{background:linear-gradient(135deg,#fff 0%,#f4f7ff 40%,#eff4fe 70%,#f5f3ff 100%);align-items:center;min-height:580px;padding:3.5rem 0 2rem;display:flex;position:relative;overflow:hidden}.hero-bg-pill{pointer-events:none;z-index:0;opacity:.55;background:#bfdbfe;border-radius:9999px;position:absolute}.hero-pill-top-right-1{width:90px;height:32px;top:60px;right:5%;transform:rotate(-35deg)}.hero-pill-top-right-2{opacity:.4;background:#c7d2fe;width:110px;height:32px;top:90px;right:-20px;transform:rotate(-35deg)}.hero-pill-mid-left{opacity:.5;width:80px;height:28px;top:36%;right:42%;transform:rotate(-35deg)}.hero-pill-bottom-right{opacity:.35;background:#ddd6fe;width:140px;height:48px;bottom:20px;right:25%;transform:rotate(-30deg)}.hero-container{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:2.5rem;display:grid;position:relative}.hero-text-col{z-index:2;flex-direction:column;align-items:flex-start;display:flex}.hero-eyebrow{font-family:var(--font-heading);color:#4f46e5;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;font-size:.875rem;font-weight:700}.hero-headline{font-family:var(--font-heading);color:#0f172a;letter-spacing:-.025em;margin-bottom:1.25rem;font-size:3.5rem;font-weight:800;line-height:1.15}.hero-brand-highlight{color:#4f46e5}.hero-subtext{font-family:var(--font-sans);color:#475569;max-width:530px;margin-bottom:2.25rem;font-size:1.0625rem;line-height:1.65}.hero-cta-group{flex-wrap:wrap;align-items:center;gap:1.15rem;margin-bottom:3.25rem;display:flex}.btn-hero-cta-primary{color:#fff;border-radius:var(--radius-pill);background:#4f46e5;align-items:center;gap:.5rem;padding:.85rem 1.85rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 6px 18px #4f46e552}.btn-hero-cta-primary:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 8px 24px #4f46e56b}.btn-hero-cta-primary .cta-arrow{transition:transform .2s}.btn-hero-cta-primary:hover .cta-arrow{transform:translate(3px)}.btn-hero-cta-secondary{color:#0f172a;border-radius:var(--radius-pill);background:#fff;border:1.5px solid #4f46e5;padding:.82rem 1.85rem;font-size:1rem;font-weight:700;transition:all .2s}.btn-hero-cta-secondary:hover{background:#eef2ff;transform:translateY(-2px)}.hero-features-bar{justify-content:flex-start;align-items:flex-start;gap:2rem;width:100%;display:flex}.feature-item{text-align:center;flex-direction:column;align-items:center;gap:.55rem;display:flex}.feature-icon-circle{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s;display:flex}.feature-item:hover .feature-icon-circle{transform:translateY(-3px)}.icon-cyan-circle{color:#0284c7;background:#e0f2fe}.icon-purple-circle{color:#9333ea;background:#f3e8ff}.icon-blue-circle{color:#4f46e5;background:#eef2ff}.icon-lavender-circle{color:#7c3aed;background:#ede9fe}.icon-green-circle{color:#059669;background:#ecfdf5}.feature-label{font-family:var(--font-sans);color:#334155;font-size:.775rem;font-weight:600;line-height:1.25}.hero-visual-col{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.hero-visual-stage{justify-content:center;align-items:flex-end;width:100%;max-width:460px;display:flex;position:relative}.hero-sparkle-star{z-index:4;pointer-events:none;animation:4s ease-in-out infinite pulseSparkle;position:absolute}.sparkle-left{top:60%;left:-20px}.sparkle-right{animation-delay:1.5s;top:42%;right:-15px}@keyframes pulseSparkle{0%,to{opacity:.9;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(15deg)}}.learning-partner-callout{z-index:5;pointer-events:none;flex-direction:column;align-items:flex-start;display:flex;position:absolute;top:0;right:-15px}.partner-script-lines{color:#1e293b;flex-direction:column;font-family:Caveat,cursive,sans-serif;font-size:1.65rem;font-weight:700;line-height:1.05;display:flex;transform:rotate(-4deg)}.partner-arrow-svg{margin-top:-2px;margin-left:20px;transform:rotate(-5deg)}.hero-student-wrapper{z-index:2;width:100%;max-width:430px;position:relative}.hero-student-img{object-fit:contain;filter:drop-shadow(0 15px 25px #4f46e514);width:100%;height:auto;display:block}.floating-students-card{z-index:6;border-radius:var(--radius-2xl);background:#fff;border:1px solid #f1f5f9;align-items:center;gap:.9rem;padding:.75rem 1.35rem;animation:5s ease-in-out infinite floatCard;display:flex;position:absolute;bottom:22%;right:-10px;box-shadow:0 16px 36px #0f172a1f,0 2px 6px #0f172a0a}.avatar-group-stack{align-items:center;display:flex}.avatar-face{object-fit:cover;border:2px solid #fff;border-radius:50%;width:32px;height:32px;margin-left:-8px;display:block}.avatar-face:first-child{margin-left:0}.stats-text-block{flex-direction:column;display:flex}.stats-number{font-family:var(--font-heading);color:#4f46e5;font-size:1.15rem;font-weight:800;line-height:1.1}.stats-desc{font-family:var(--font-sans);color:#475569;white-space:nowrap;font-size:.75rem;font-weight:600}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (width<=1100px){.hero-headline{font-size:2.85rem}.hero-container{gap:1.5rem}.hero-features-bar{gap:1.25rem}}@media (width<=900px){.hero-section{padding:3rem 0 2rem}.hero-container{grid-template-columns:1fr;gap:2.5rem}.hero-text-col{text-align:center;align-items:center}.hero-headline{font-size:2.5rem}.hero-subtext{max-width:100%}.hero-cta-group{justify-content:center;margin-bottom:2rem}.hero-features-bar{flex-wrap:wrap;justify-content:center;gap:1.5rem}.hero-visual-stage{max-width:380px;margin:0 auto}.learning-partner-callout{right:0}.floating-students-card{bottom:10%;right:0}}@media (width<=540px){.hero-headline{font-size:2.1rem}.hero-features-bar{justify-content:space-around;gap:1rem}.feature-item{width:45%}.floating-students-card{gap:.5rem;padding:.5rem .9rem}.avatar-face{width:26px;height:26px}.stats-number{font-size:1rem}.stats-desc{font-size:.7rem}}.explore-courses-section{background-color:#fff}.explore-header{text-align:center;flex-direction:column;align-items:center;max-width:680px;margin:0 auto 3rem;display:flex}.explore-title{color:#0f172a;letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.35rem;font-weight:800}.explore-subtitle{color:#64748b;margin-bottom:2rem;font-size:1.05rem;line-height:1.55}.courses-tab-pills{border-radius:var(--radius-pill);background:#f1f5f9;align-items:center;gap:.35rem;padding:.35rem;display:inline-flex}.tab-pill-btn{font-family:var(--font-heading);color:#64748b;border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;padding:.6rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .2s}.tab-pill-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #4f46e54d}.tab-pill-btn:hover:not(.active){color:var(--text-main)}.course-cards-container-animated{animation:.3s cubic-bezier(.16,1,.3,1) courseCardsFadeIn}@keyframes courseCardsFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.grade-cards-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.grade-card{border-radius:var(--radius-xl);background:#fff;border:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:.85rem;padding:1.25rem 1.25rem 1.25rem 1.35rem;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0f172a0a}.grade-card:hover{border-color:#c7d2fe;transform:translateY(-4px);box-shadow:0 12px 24px -4px #4f46e51f}.grade-card-text{flex-direction:column;flex:1;align-items:flex-start;min-width:0;padding-right:.25rem;display:flex}.grade-card-title{color:#0f172a;margin-bottom:.25rem;font-size:1.2rem;font-weight:700;line-height:1.25}.grade-card-desc{color:#64748b;margin-bottom:1.25rem;font-size:.8125rem;line-height:1.4}.grade-arrow-btn{width:32px;height:32px;color:var(--primary);background:#eef2ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.grade-card:hover .grade-arrow-btn{background:var(--primary);color:#fff;transform:translate(3px)}.grade-card-visual{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:104px;display:flex;overflow:hidden;box-shadow:0 4px 12px #0f172a14}.grade-card-img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .3s;display:block}.grade-card:hover .grade-card-img{transform:scale(1.05)}@media (width<=1120px){.grade-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grade-cards-grid{grid-template-columns:1fr;gap:1rem}.explore-title{font-size:1.85rem}.courses-tab-pills{justify-content:center;width:100%}.tab-pill-btn{text-align:center;flex:1;padding:.6rem .75rem;font-size:.875rem}}.why-choose-section{background-color:#f8fafc}.why-header{text-align:center;max-width:680px;margin:0 auto 3.5rem}.why-title{color:#0f172a;letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.35rem;font-weight:800}.why-subtitle{color:#64748b;font-size:1.05rem;line-height:1.55}.why-grid{grid-template-columns:1.25fr .75fr;align-items:center;gap:3.5rem;display:grid}.why-features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.why-feature-card{border-radius:var(--radius-xl);background:#fff;border:1px solid #e2e8f0;align-items:flex-start;gap:1.15rem;padding:1.5rem;transition:all .25s;display:flex;box-shadow:0 2px 8px #0f172a0a}.why-feature-card:hover{border-color:#c7d2fe;transform:translateY(-3px);box-shadow:0 10px 20px -4px #4f46e51a}.why-feature-icon-box{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.icon-blue{color:#2563eb;background:#eff6ff}.icon-rose{color:#e11d48;background:#fff1f2}.icon-cyan{color:#0891b2;background:#ecfeff}.icon-amber{color:#d97706;background:#fffbeb}.icon-emerald{color:#059669;background:#ecfdf5}.why-feature-content{flex-direction:column;display:flex}.why-feature-title{color:#0f172a;margin-bottom:.35rem;font-size:1.05rem;font-weight:700}.why-feature-desc{color:#64748b;font-size:.85rem;line-height:1.45}.why-visual-col{justify-content:center;display:flex}.why-visual-wrapper{width:100%;max-width:380px;position:relative}.why-image-card{border-radius:var(--radius-2xl);border:4px solid #fff;overflow:hidden;box-shadow:0 20px 40px -10px #0f172a26}.why-student-img{object-fit:cover;width:100%;height:auto;display:block}.why-floating-sticker{color:#fff;border-radius:var(--radius-xl);background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);flex-direction:column;gap:.15rem;padding:.85rem 1.25rem;animation:5s ease-in-out infinite floatSticker;display:flex;position:absolute;top:15%;right:-20px;box-shadow:0 12px 28px #4f46e559}.sticker-tag{letter-spacing:.05em;opacity:.9;font-size:.8rem;font-weight:600}.sticker-highlight{letter-spacing:-.01em;font-size:1.15rem;font-weight:800}.sticker-star{color:#fcd34d;font-size:.85rem;position:absolute;top:8px;right:10px}@keyframes floatSticker{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (width<=1024px){.why-grid{grid-template-columns:1fr;gap:3rem}.why-visual-wrapper{max-width:320px}}@media (width<=640px){.why-features-grid{grid-template-columns:1fr;gap:1rem}.why-title{font-size:1.85rem}.why-floating-sticker{top:5%;right:0}}.cta-banner-section{background-color:#f8fafc;padding:2.5rem 0 5rem}.cta-banner-card{border-radius:var(--radius-2xl);background:linear-gradient(135deg,#3730a3 0%,#4338ca 50%,#4f46e5 100%);padding:3.5rem 4rem;position:relative;overflow:hidden;box-shadow:0 20px 45px -10px #4f46e559}.cta-bg-glow{pointer-events:none;background:radial-gradient(circle,#ffffff26 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-50%;right:-20%}.cta-banner-content{z-index:1;justify-content:space-between;align-items:center;gap:2rem;display:flex;position:relative}.cta-text-side{max-width:650px}.cta-banner-title{color:#fff;letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.35rem;font-weight:800;line-height:1.2}.cta-banner-subtitle{color:#e0e7ff;font-size:1.05rem;line-height:1.5}.cta-action-side{flex-shrink:0;align-items:center;display:flex;position:relative}.btn-cta-get-started{border-radius:var(--radius-pill);color:#4338ca;padding:.85rem 2rem;font-size:1.05rem;font-weight:700}.cta-doodle{color:#fde047;animation:3s ease-in-out infinite pulseSparkle;position:absolute;top:-24px;right:-20px}@media (width<=960px){.cta-banner-card{padding:2.5rem 2rem}.cta-banner-content{flex-direction:column;align-items:flex-start}.cta-banner-title{font-size:1.85rem}}.academic-intro-hero,.pro-intro-hero,.course-intro-hero{border-radius:var(--radius-2xl,20px);background:linear-gradient(135deg,#fff 0%,#f5f8ff 50%,#eff4fe 100%);border:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:1.75rem;padding:1.5rem 2.25rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0f172a0a}.intro-bg-pill,.pro-bg-pill{opacity:.35;z-index:0;background:#bfdbfe;border-radius:9999px;position:absolute;pointer-events:none!important}.intro-pill-top-right,.pill-tr-1{opacity:.4;background:#c7d2fe;width:90px;height:28px;top:15px;right:25px;transform:rotate(-35deg)}.intro-pill-mid-right,.pill-ml{opacity:.25;width:70px;height:24px;top:45%;right:240px;transform:rotate(-35deg)}.intro-content-left,.pro-hero-left{z-index:2;flex:auto;min-width:0;max-width:440px;position:relative}.academic-hero-title,.pro-hero-title{font-family:var(--font-heading);color:#0f172a;letter-spacing:-.02em;margin:0 0 .35rem;font-size:2.25rem;font-weight:800;line-height:1.2}.pro-hero-tagline{font-family:var(--font-heading);color:#4f46e5;margin:0 0 .35rem;font-size:1.05rem;font-weight:700;line-height:1.3}.academic-hero-subtitle,.pro-hero-desc{color:#64748b;margin:0;font-size:.95rem;font-weight:500;line-height:1.45}.intro-content-right,.pro-hero-right{z-index:2;flex-shrink:0;align-items:center;gap:1.25rem;display:flex;position:relative}.intro-sparkle-star,.pro-sparkle-star{pointer-events:none!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:22px!important;height:22px!important;margin-right:.25rem!important;animation:4s ease-in-out infinite heroSparkle!important;display:inline-flex!important;position:static!important;transform:none!important}@keyframes heroSparkle{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.hero-search-sort-group,.pro-search-sort-area{flex-direction:row!important;flex-shrink:0!important;align-items:center!important;gap:.75rem!important;display:flex!important}.sort-control-group,.pro-sort-control{flex-shrink:0!important;align-items:center!important;gap:.5rem!important;display:flex!important}.sort-by-label,.pro-sort-label{font-family:var(--font-sans);-webkit-user-select:none;user-select:none;color:#475569!important;white-space:nowrap!important;font-size:.875rem!important;font-weight:600!important;line-height:1!important}.sort-select-box,.pro-sort-select-box{align-items:center!important;display:flex!important;position:relative!important}.sort-dropdown,.pro-sort-dropdown{font-family:var(--font-sans);appearance:none!important;color:#0f172a!important;cursor:pointer!important;box-sizing:border-box!important;background:#fff!important;border:1.5px solid #818cf8!important;border-radius:10px!important;outline:none!important;height:42px!important;padding:0 2.25rem 0 1rem!important;font-size:.875rem!important;font-weight:600!important;line-height:1.2!important;transition:all .2s!important;box-shadow:0 1px 3px #0000000a!important}.sort-dropdown:hover,.pro-sort-dropdown:hover{border-color:#6366f1!important}.sort-dropdown:focus,.pro-sort-dropdown:focus{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e526!important}.dropdown-caret,.pro-sort-caret{color:#64748b!important;pointer-events:none!important;position:absolute!important;right:.85rem!important}.course-search-field,.pro-search-input-wrap{box-sizing:border-box!important;background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:10px!important;align-items:center!important;gap:.5rem!important;width:260px!important;height:42px!important;padding:0 .85rem!important;transition:all .2s!important;display:flex!important;position:relative!important;box-shadow:0 1px 3px #0000000a!important}.course-search-field:hover,.pro-search-input-wrap:hover{border-color:#cbd5e1!important}.course-search-field:focus-within,.pro-search-input-wrap:focus-within{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f11f!important}.course-search-field .search-field-icon,.pro-search-input-wrap .search-field-icon,.pro-search-icon{color:#94a3b8!important;pointer-events:none!important;flex-shrink:0!important;position:static!important}.course-search-field input,.pro-search-input-wrap input{font-family:var(--font-sans);color:#0f172a!important;width:100%!important;height:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important;font-size:.875rem!important}.course-search-field input::placeholder,.pro-search-input-wrap input::placeholder{color:#94a3b8!important;font-weight:400!important}.course-search-clear-btn{cursor:pointer!important;color:#94a3b8!important;background:0 0!important;border:none!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:3px!important;transition:all .15s!important;display:inline-flex!important}.course-search-clear-btn:hover{color:#0f172a!important;background:#e2e8f0!important}.intro-student-visual,.pro-student-scene{flex-shrink:0!important;justify-content:center!important;align-items:flex-end!important;width:110px!important;height:110px!important;margin-left:2.75rem!important;display:flex!important;position:relative!important}.intro-student-photo,.pro-student-photo{object-fit:contain!important;width:auto!important;height:100%!important}.intro-script-badge,.pro-handwritten-script{color:#334155!important;pointer-events:none!important;white-space:nowrap!important;flex-direction:column!important;font-family:Caveat,cursive,sans-serif!important;font-size:1.1rem!important;font-weight:700!important;line-height:1.05!important;display:flex!important;position:absolute!important;top:-8px!important;left:-34px!important;transform:rotate(-6deg)!important}@media (width<=1240px){.academic-intro-hero,.pro-intro-hero,.course-intro-hero{padding:1.5rem 1.75rem}.intro-student-visual,.pro-student-scene{margin-left:2rem!important}.course-search-field,.pro-search-input-wrap{width:220px!important}}@media (width<=1060px){.academic-intro-hero,.pro-intro-hero,.course-intro-hero{flex-direction:column!important;align-items:stretch!important;gap:1.25rem!important;padding:1.5rem!important}.intro-content-left,.pro-hero-left{max-width:100%!important}.intro-content-right,.pro-hero-right{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:1rem!important;width:100%!important;display:flex!important}.hero-search-sort-group,.pro-search-sort-area{flex:auto!important;justify-content:flex-start!important;min-width:280px!important}.course-search-field,.pro-search-input-wrap{flex:240px!important;width:auto!important;max-width:360px!important}.intro-student-visual,.pro-student-scene{margin-left:auto!important}}@media (width<=720px){.intro-content-right,.pro-hero-right{flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.intro-sparkle-star,.pro-sparkle-star{display:none!important}.hero-search-sort-group,.pro-search-sort-area{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important;width:100%!important}.sort-control-group,.pro-sort-control{justify-content:space-between!important;width:100%!important}.sort-select-box,.pro-sort-select-box{flex:1!important}.sort-dropdown,.pro-sort-dropdown{width:100%!important}.course-search-field,.pro-search-input-wrap{width:100%!important;max-width:100%!important}.intro-student-visual,.pro-student-scene{display:none!important}}.academic-page{background-color:#f8fafc;min-height:calc(100vh - 70px);padding:1.25rem 0 5rem}.board-selector-bar{scrollbar-width:thin;align-items:center;gap:.5rem;margin-bottom:.85rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.board-selector-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;flex-shrink:0;margin-right:.35rem;font-size:.8rem;font-weight:700}.board-pill{border-radius:var(--radius-pill);font-family:var(--font-heading);color:#475569;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;padding:.35rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s}.board-pill:hover:not(.active){color:#1e293b;background:#e2e8f0}.board-pill.active{color:#fff;background:#1e293b;border-color:#1e293b;box-shadow:0 2px 8px #1e293b33}.classes-empty-notice{border-radius:var(--radius-md);color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;margin-bottom:1.5rem;padding:1rem 1.5rem;font-size:.875rem}.subjects-empty-hint{color:#94a3b8;text-align:center;padding:.75rem;font-size:.8rem;font-style:italic}.grade-selector-bar{scrollbar-width:thin;align-items:center;gap:.65rem;margin-bottom:2rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.grade-pill{border-radius:var(--radius-pill);font-family:var(--font-heading);color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;padding:.45rem 1.35rem;font-size:.875rem;font-weight:600;transition:all .2s}.grade-pill:hover:not(.active){color:var(--primary);background:#f8fafc;border-color:#c7d2fe}.grade-pill.active{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e54d}.academic-main-layout{grid-template-columns:240px 1fr;align-items:flex-start;gap:1.75rem;display:grid}.subjects-card{border-radius:var(--radius-xl);background:#fff;border:1px solid #e2e8f0;padding:1.35rem;box-shadow:0 2px 10px #0f172a0a}.subjects-title{font-family:var(--font-heading);color:#0f172a;margin-bottom:1.15rem;font-size:1.15rem;font-weight:700}.subjects-nav-stack{flex-direction:column;gap:.35rem;display:flex}.subject-item-btn{text-align:left;border-radius:var(--radius-md);color:#475569;cursor:pointer;background:0 0;border:none;width:100%;padding:.65rem .85rem;font-size:.875rem;font-weight:500;transition:all .2s}.subject-item-content{align-items:center;gap:.75rem;display:flex}.subject-icon{color:#64748b;flex-shrink:0;transition:color .2s}.subject-item-btn:hover{color:#0f172a;background:#f8fafc}.subject-item-btn:hover .subject-icon{color:var(--primary)}.subject-item-btn.active{color:#4f46e5;background:#eef2ff;font-weight:700}.subject-item-btn.active .subject-icon{color:#4f46e5}.courses-grid-section{width:100%;min-height:520px;position:relative}.mobile-filter-bar{margin-bottom:1rem;display:none}.mobile-toggle-filter-btn{border-radius:var(--radius-pill);color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;display:flex}.courses-four-col-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.course-card{border-radius:var(--radius-xl);background:#fff;border:1px solid #e2e8f0;flex-direction:column;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 2px 10px #0f172a0a}.course-card:hover{border-color:#c7d2fe;transform:translateY(-4px);box-shadow:0 12px 24px -4px #4f46e51f}.card-thumb-container{aspect-ratio:16/10;background-color:#0f172a;width:100%;position:relative;overflow:hidden}.card-thumb-image{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.course-card:hover .card-thumb-image{transform:scale(1.04)}.promo-badge{border-radius:var(--radius-pill);letter-spacing:.02em;z-index:2;padding:.2rem .6rem;font-size:.675rem;font-weight:700;position:absolute;top:10px;left:10px}.badge-bestseller{color:#fff;background:#8b5cf6}.card-subject-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border-radius:var(--radius-sm);z-index:2;background:#0f172abf;padding:.15rem .55rem;font-size:.7rem;font-weight:600;position:absolute;bottom:8px;left:8px}.course-name-link{margin-bottom:.4rem;text-decoration:none}.course-heading{font-family:var(--font-heading);color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;font-size:.975rem;font-weight:700;line-height:1.3;transition:color .2s;display:-webkit-box;overflow:hidden}.course-name-link:hover .course-heading{color:var(--primary)}.course-brief-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-shrink:0;height:2.8em;margin-bottom:.75rem;font-size:.775rem;line-height:1.4;display:-webkit-box;overflow:hidden}.course-rating-line{align-items:center;gap:.35rem;margin-bottom:.65rem;display:flex}.course-price-line{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin-bottom:1rem;display:flex}.course-buttons-row{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.btn-card-trial{white-space:nowrap;text-align:center;min-height:38px;font-family:var(--font-heading);color:#4f46e5;border-radius:var(--radius-md);background:#fff;border:1.5px solid #4f46e5;flex:8.5rem;justify-content:center;align-items:center;padding:.48rem .5rem;font-size:.825rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-card-trial:hover{background:#eef2ff}.btn-card-buy{white-space:nowrap;text-align:center;min-height:38px;font-family:var(--font-heading);color:#fff;border-radius:var(--radius-md);background:#4f46e5;border:1.5px solid #4f46e5;flex:6rem;justify-content:center;align-items:center;padding:.48rem .5rem;font-size:.825rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #4f46e540}.btn-card-buy:hover{background:#4338ca;border-color:#4338ca}.loading-courses-box{border-radius:var(--radius-xl);text-align:center;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;flex-direction:column;justify-content:center;align-items:center;min-height:480px;padding:3rem 2rem;display:flex;box-shadow:0 4px 16px #0f172a0a}@keyframes course-spin{to{transform:rotate(360deg)}}.error-courses-box{border-radius:var(--radius-xl);text-align:center;box-sizing:border-box;background:#fff;border:1px solid #fecdd3;flex-direction:column;justify-content:center;align-items:center;min-height:480px;padding:3rem 2rem;display:flex;box-shadow:0 4px 16px #ef44440a}.no-courses-box{border-radius:var(--radius-xl);text-align:center;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;flex-direction:column;justify-content:center;align-items:center;min-height:480px;padding:3rem 2rem;display:flex}.no-courses-icon{color:#94a3b8;margin:0 auto 1rem}.no-courses-box h3{font-family:var(--font-heading);color:#0f172a;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.no-courses-box p{color:#64748b;margin-bottom:1.25rem;font-size:.9rem}@media (width<=1200px){.courses-four-col-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=992px){.academic-main-layout{grid-template-columns:1fr}.subjects-card{display:none}.subjects-card.mobile-visible{margin-bottom:1.5rem;display:block}.mobile-filter-bar{display:block}.courses-four-col-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.courses-four-col-grid{grid-template-columns:1fr}}.courses-result-count{color:#64748b;margin:0 0 .75rem;font-size:.85rem;font-weight:600}.course-grade-line{color:#4f46e5;margin:.15rem 0 .25rem;font-size:.75rem;font-weight:600}.trial-celebration-backdrop{z-index:1300;background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;animation:.25s ease-out trial-fade-in;display:flex;position:fixed;inset:0}.trial-celebration-card{text-align:center;background:#fff;border-radius:1.25rem;width:100%;max-width:420px;padding:2rem 1.75rem 1.5rem;animation:.35s cubic-bezier(.16,1,.3,1) trial-card-in;position:relative;box-shadow:0 25px 50px -12px #1e1b4b59}.trial-celebration-mute{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.trial-celebration-mute:focus-visible{outline-offset:2px;outline:2px solid #a5b4fc}.trial-celebration-logo-wrap{justify-content:center;align-items:center;height:92px;margin-bottom:.75rem;display:flex;position:relative}.trial-celebration-glow{background:radial-gradient(closest-side,#6366f159,#3b82f61f,#0000);border-radius:50%;width:180px;height:72px;animation:1.6s ease-out both trial-glow;position:absolute}.trial-celebration-logo{object-fit:contain;max-width:190px;max-height:64px;animation:.9s cubic-bezier(.34,1.56,.64,1) both trial-logo-in;position:relative}.trial-celebration-check{color:#059669;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:.5rem;animation:.4s ease-out .45s both trial-pop;display:inline-flex}.trial-celebration-card h2{color:#1e1b4b;margin:0 0 .35rem;font-size:1.3rem;font-weight:800}.trial-celebration-course{color:#4f46e5;overflow-wrap:anywhere;margin:0 0 .35rem;font-size:.95rem;font-weight:600}.trial-celebration-expiry{color:#475569;margin:0 0 1.25rem;font-size:.85rem}.trial-celebration-actions{flex-direction:column;gap:.5rem;display:flex}@keyframes trial-fade-in{0%{opacity:0}to{opacity:1}}@keyframes trial-card-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}@keyframes trial-logo-in{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes trial-glow{0%{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.1)}to{opacity:.55;transform:scale(1)}}@keyframes trial-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.trial-celebration-backdrop,.trial-celebration-card,.trial-celebration-logo,.trial-celebration-glow,.trial-celebration-check{animation:none}.trial-celebration-glow{opacity:.55}}.meritzee-lesson-thumb-card{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#0f172a;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0f172a2e}.meritzee-lesson-thumb-card[role=button]{cursor:pointer;transition:transform .18s,box-shadow .18s}.meritzee-lesson-thumb-card[role=button]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f172a47}.lesson-thumb-artwork-img{object-fit:cover;z-index:1;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.lesson-thumb-fallback-canvas{box-sizing:border-box;z-index:1;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:.5rem;display:flex;position:absolute;top:0;left:0}.fallback-watermark-symbol{color:#ffffff14;pointer-events:none;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:900;position:absolute;top:.25rem;right:.5rem}.fallback-subject-badge{-webkit-backdrop-filter:blur(4px);color:#fff;text-transform:uppercase;letter-spacing:.04em;background:#ffffff2e;border-radius:4px;align-self:flex-start;padding:2px 6px;font-size:.65rem;font-weight:700}.lesson-thumb-designated-title-box{z-index:4;box-sizing:border-box;pointer-events:none;justify-content:center;align-items:center;width:46.09%;height:23.61%;display:flex;position:absolute;top:39.58%;left:4.3%}.lesson-thumb-designated-card-surface{-webkit-backdrop-filter:blur(4px);box-sizing:border-box;text-align:center;background:#fffffff5;border:1.5px dashed #818cf8;border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;padding:2px 6px;display:flex;box-shadow:0 2px 6px #0f172a26}.lesson-thumb-designated-text{color:#0f172a;text-align:center;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;font-size:.775rem;font-weight:800;line-height:1.2;display:-webkit-box;overflow:hidden}.designated-num{color:#4f46e5;font-weight:900}.designated-sep{color:#94a3b8;font-weight:600}.designated-title{color:#0f172a;font-weight:800}.designated-num-prominent{color:#1e1b4b;font-size:1.1em;font-weight:900}.lesson-thumb-topic-badge{z-index:5;-webkit-backdrop-filter:blur(6px);background:#1e1b4beb;border:1px solid #a5b4fc66;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;display:inline-flex;position:absolute;top:6px;left:6px;box-shadow:0 2px 6px #00000059}.lesson-thumb-topic-badge .badge-prefix{color:#a5b4fc;letter-spacing:.05em;text-transform:uppercase;font-size:.55rem;font-weight:800}.lesson-thumb-topic-badge .badge-number{color:#fff;letter-spacing:.02em;font-family:Outfit,Inter,sans-serif;font-size:.725rem;font-weight:800}.lesson-thumb-title-overlay{z-index:3;box-sizing:border-box;padding:6px 8px;position:absolute;bottom:0;left:0;right:0}.lesson-thumb-title-text{color:#fff;text-shadow:0 1px 3px #000000e6;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;font-size:.775rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.meritzee-lesson-thumb-card.size-compact{border-radius:6px}.meritzee-lesson-thumb-card.size-compact .lesson-thumb-designated-card-surface{border-width:1px;border-radius:4px;padding:1px 3px}.meritzee-lesson-thumb-card.size-compact .lesson-thumb-designated-text{-webkit-line-clamp:1;font-size:.58rem;line-height:1.1}.meritzee-lesson-thumb-card.size-compact .lesson-thumb-topic-badge{gap:2px;padding:1px 3px;top:3px;left:3px}.meritzee-lesson-thumb-card.size-compact .badge-prefix{font-size:.45rem}.meritzee-lesson-thumb-card.size-compact .badge-number{font-size:.58rem}.meritzee-lesson-thumb-card.size-standard .lesson-thumb-designated-text{font-size:.8rem}.meritzee-lesson-thumb-card.size-large{border-radius:10px}.meritzee-lesson-thumb-card.size-large .lesson-thumb-designated-card-surface{border-radius:8px;padding:6px 12px}.meritzee-lesson-thumb-card.size-large .lesson-thumb-designated-text{font-size:1.05rem;line-height:1.3}.meritzee-lesson-thumb-card.size-large .lesson-thumb-topic-badge{gap:4px;padding:3px 8px;top:10px;left:10px}.meritzee-lesson-thumb-card.size-large .badge-prefix{font-size:.65rem}.meritzee-lesson-thumb-card.size-large .badge-number{font-size:.875rem}.course-details-page{background-color:#f8fafc;min-height:calc(100vh - 72px);padding:1.5rem 0 5rem}.course-hero-split{border-radius:var(--radius-2xl);background:#fff;border:1px solid #e2e8f0;grid-template-columns:1.1fr .9fr;align-items:center;gap:2.5rem;margin-bottom:2.5rem;padding:2rem;display:grid;box-shadow:0 4px 20px #0f172a0d}.course-video-player-container{width:100%}.video-viewport{aspect-ratio:16/9;border-radius:var(--radius-xl);background-color:#0f172a;width:100%;position:relative;overflow:hidden;box-shadow:0 12px 30px #0003}.video-poster-img{object-fit:cover;width:100%;height:100%;display:block}.video-play-overlay{cursor:pointer;background:#0f172a40;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;inset:0}.video-play-overlay:hover{background:#0f172a66}.video-play-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;transition:transform .2s,background .2s;display:flex;box-shadow:0 10px 25px #0000004d}.video-play-overlay:hover .video-play-btn{background:#fff;transform:scale(1.1)}.play-icon-triangle{color:var(--primary);margin-left:4px}.video-controls-bar{color:#fff;background:linear-gradient(#0000 0%,#0f172aeb 100%);flex-direction:column;gap:.4rem;padding:1rem 1.25rem .75rem;display:flex;position:absolute;bottom:0;left:0;right:0}.video-title-info{align-items:center;gap:.75rem;display:flex}.video-subj-tag{letter-spacing:.05em;background:var(--primary);border-radius:var(--radius-sm);padding:.15rem .5rem;font-size:.75rem;font-weight:800}.video-chapter-title{color:#e2e8f0;letter-spacing:.04em;font-size:.75rem;font-weight:600}.video-player-footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.video-time-track{flex:1;align-items:center;gap:.6rem;display:flex}.mini-play-toggle{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.time-display{color:#cbd5e1;font-family:monospace;font-size:.75rem}.progress-bar-rail{background:#ffffff40;border-radius:2px;flex:1;height:4px;overflow:hidden}.progress-bar-fill{background:#ef4444;height:100%}.instructor-credit{align-items:center;gap:.6rem;display:flex}.instr-name{letter-spacing:.05em;color:#e2e8f0;font-size:.75rem;font-weight:700}.ctrl-icon{color:#cbd5e1;cursor:pointer}.course-hero-info{flex-direction:column;display:flex}.course-main-title{color:#0f172a;letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.15rem;font-weight:800;line-height:1.25}.course-hero-rating{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.rating-numeric{color:#0f172a;font-size:.95rem;font-weight:700}.reviews-count{color:#64748b;font-size:.85rem}.course-hero-description{color:#475569;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.course-pricing-box{margin-bottom:1.5rem}.pricing-values{align-items:baseline;gap:.75rem;display:flex}.price-big{font-family:var(--font-heading);color:#0f172a;font-size:2.15rem;font-weight:800}.price-struck{color:#94a3b8;font-size:1.15rem;text-decoration:line-through}.price-discount-badge{color:#15803d;border-radius:var(--radius-pill);background:#dcfce7;padding:.25rem .6rem;font-size:.8rem;font-weight:700}.course-cta-buttons{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.btn-cta-trial,.btn-cta-buy{border-radius:var(--radius-pill);padding:.75rem 1.75rem;font-size:.95rem}.trial-assurance-strip{color:#64748b;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.shield-icon{color:var(--primary);flex-shrink:0}.course-tabs-bar{border-bottom:2px solid #e2e8f0;align-items:center;gap:2rem;margin-bottom:2rem;display:flex}.course-tab-btn{font-family:var(--font-heading);color:#64748b;cursor:pointer;background:0 0;border:none;padding:.75rem .25rem;font-size:1.05rem;font-weight:600;transition:color .2s;position:relative}.course-tab-btn:hover{color:var(--primary)}.course-tab-btn.active{color:var(--primary);font-weight:700}.course-tab-btn.active:after{content:"";background:var(--primary);border-radius:3px 3px 0 0;width:100%;height:3px;position:absolute;bottom:-2px;left:0}.overview-tab-grid{grid-template-columns:1.25fr .75fr;align-items:flex-start;gap:2rem;display:grid}.learn-outcomes-card{border-radius:var(--radius-xl);background:#fff;border:1px solid #e2e8f0;padding:2rem;box-shadow:0 2px 8px #0f172a0a}.tab-card-title{color:#0f172a;margin-bottom:1.5rem;font-size:1.35rem;font-weight:800}.outcomes-checklist{grid-template-columns:1fr;gap:1rem;display:grid}.outcome-item{color:#334155;align-items:center;gap:.85rem;font-size:.95rem;font-weight:500;display:flex}.check-green{color:#10b981;flex-shrink:0}.course-specs-card{border-radius:var(--radius-xl);background:#fff;border:1px solid #e2e8f0;flex-direction:column;gap:1.5rem;padding:1.75rem;display:flex;box-shadow:0 2px 8px #0f172a0a}.spec-stat-item{align-items:center;gap:1.15rem;display:flex}.spec-icon-wrap{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.spec-text{flex-direction:column;display:flex}.spec-val{color:#0f172a;font-size:1.05rem;font-weight:700}.spec-desc{color:#64748b;font-size:.8rem}.curriculum-tab-container{border-radius:var(--radius-xl);background:#fff;border:1px solid #e2e8f0;padding:2rem}.curriculum-header{margin-bottom:1.5rem}.curriculum-sub{color:#64748b;font-size:.875rem}.curriculum-accordion{flex-direction:column;gap:.75rem;display:flex}.accordion-module-item{border-radius:var(--radius-lg);border:1px solid #e2e8f0;overflow:hidden}.accordion-header-btn{cursor:pointer;text-align:left;background:#f8fafc;border:none;justify-content:space-between;align-items:center;width:100%;padding:1.15rem 1.25rem;display:flex}.module-title-group{flex-direction:column;gap:.2rem;display:flex}.module-title-text{color:#0f172a;font-size:1rem;font-weight:700}.module-meta-text{color:#64748b;font-size:.8rem}.accordion-body{background:#fff;border-top:1px solid #e2e8f0;padding:1rem 1.25rem}.lessons-sub-list{flex-direction:column;gap:.75rem;display:flex}.lesson-row-item{color:#334155;justify-content:space-between;align-items:center;padding:.35rem 0;font-size:.875rem;display:flex}.lesson-left{align-items:center;gap:.6rem;display:flex}.lesson-play-icon{color:var(--primary)}.lesson-right{align-items:center;gap:.75rem;display:flex}.free-preview-tag{color:#15803d;border-radius:var(--radius-pill);background:#dcfce7;padding:.15rem .5rem;font-size:.75rem;font-weight:700}.lock-icon{color:#94a3b8}.lesson-duration{color:#64748b;font-size:.8rem}.teacher-profile-card{border-radius:var(--radius-xl);background:#fff;border:1px solid #e2e8f0;align-items:center;gap:2rem;padding:2rem;display:flex}.teacher-avatar-box{border:3px solid var(--primary-light);border-radius:50%;flex-shrink:0;width:120px;height:120px;overflow:hidden}.teacher-avatar-img{object-fit:cover;width:100%;height:100%}.teacher-bio h3{color:#0f172a;margin-bottom:.25rem;font-size:1.35rem}.teacher-designation{color:var(--primary);margin-bottom:.75rem;font-size:.875rem;font-weight:600}.teacher-para{color:#475569;font-size:.925rem;line-height:1.6}.review-card{border-radius:var(--radius-xl);background:#fff;border:1px solid #e2e8f0;padding:1.5rem}.review-header{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.reviewer-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.review-text{color:#475569;font-size:.925rem;line-height:1.5}.reviews-container{flex-direction:column;gap:1.5rem;display:flex}.rating-overview-card{border-radius:var(--radius-xl);background:#fff;border:1px solid #e2e8f0;align-items:center;gap:2.5rem;padding:1.75rem;display:flex;box-shadow:0 1px 3px #0000000a}.rating-score-box{border-right:1px solid #f1f5f9;flex-direction:column;justify-content:center;align-items:center;min-width:140px;padding-right:2rem;display:flex}.rating-big-number{color:#0f172a;font-size:3rem;font-weight:850;line-height:1}.rating-stars-row{gap:3px;margin:.5rem 0 .25rem;display:flex}.rating-total-label{color:#64748b;font-size:.8rem;font-weight:600}.rate-course-form-card{border-radius:var(--radius-xl);background:#f8fafc;border:1.5px solid #eef2ff;padding:1.75rem;box-shadow:0 1px 3px #00000008}.rate-course-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.rate-course-header h4{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800}.user-reviewed-badge{color:#15803d;background:#dcfce7;border-radius:9999px;padding:.25rem .65rem;font-size:.75rem;font-weight:700}.star-rating-selector{align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.star-select-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:transform .15s;display:flex}.star-select-btn:hover{transform:scale(1.2)}.rating-feedback-label{color:#4f46e5;margin-left:.5rem;font-size:.88rem;font-weight:700}.review-textarea-field{color:#0f172a;resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;min-height:90px;margin-bottom:1rem;padding:.85rem 1rem;font-family:inherit;font-size:.9rem;transition:border-color .15s}.review-textarea-field:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.btn-submit-review{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:700;transition:background .15s;display:inline-flex}.btn-submit-review:hover:not(:disabled){background:#4338ca}.btn-submit-review:disabled{opacity:.6;cursor:not-allowed}.review-alert-banner{border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;font-weight:600}.review-alert-banner.success{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.review-alert-banner.error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.faqs-list{flex-direction:column;gap:1rem;display:flex}.faq-item{border-radius:var(--radius-lg);background:#fff;border:1px solid #e2e8f0;padding:1.5rem}.faq-question{color:#0f172a;margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.faq-answer{color:#64748b;font-size:.9rem;line-height:1.55}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0f172aa6;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.modal-box{border-radius:var(--radius-2xl);text-align:center;background:#fff;width:100%;max-width:460px;padding:2.25rem;box-shadow:0 25px 50px -12px #00000040}.modal-sparkle{color:var(--primary);margin-bottom:.75rem}.modal-header h2{color:#0f172a;margin-bottom:.35rem;font-size:1.5rem;font-weight:800}.modal-header p{color:#64748b;margin-bottom:1.5rem;font-size:.875rem}.trial-modal-perks{text-align:left;border-radius:var(--radius-lg);background:#f8fafc;flex-direction:column;gap:.75rem;margin-bottom:1.75rem;padding:1rem 1.25rem;display:flex}.trial-perk-row{color:#334155;align-items:center;gap:.6rem;font-size:.85rem;display:flex}@media (width<=1024px){.course-hero-split{grid-template-columns:1fr;gap:2rem}.overview-tab-grid{grid-template-columns:1fr}}@media (width<=640px){.course-hero-split{padding:1.25rem}.course-main-title{font-size:1.65rem}.price-big{font-size:1.75rem}.course-cta-buttons{flex-direction:column}.btn-cta-trial,.btn-cta-buy{width:100%}.course-tabs-bar{gap:1rem;overflow-x:auto}.teacher-profile-card{text-align:center;flex-direction:column}}.course-details-page .breadcrumbs{color:#64748b;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin:1rem 0;font-size:.875rem;display:flex}.course-details-page .breadcrumbs a{color:#64748b;white-space:nowrap;text-decoration:none}.course-details-page .breadcrumbs a:hover{color:#4f46e5}.course-details-page .breadcrumb-sep{color:#94a3b8}.course-details-page .breadcrumb-current{color:#0f172a;font-weight:600}.course-details-page .course-details-state{text-align:center;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;max-width:520px;margin:3rem auto;padding:2rem}.course-details-page .course-details-state.is-error{color:#991b1b;border-color:#fecaca}.course-details-page .btn-course-state{color:#fff;background:#4f46e5;border-radius:.6rem;margin-top:.75rem;padding:.55rem 1.1rem;font-weight:600;text-decoration:none;display:inline-block}.course-details-page .breadcrumb-current{overflow-wrap:anywhere}.course-learning-wrapper{max-width:1240px;margin:0 auto;padding:.5rem 0 4rem}.course-learning-breadcrumbs{align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.875rem;display:flex}.learning-breadcrumb-link{color:#475569;align-items:center;gap:.25rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.learning-breadcrumb-link:hover{color:#4f46e5}.learning-breadcrumb-sep{color:#94a3b8;font-size:.85rem}.learning-breadcrumb-current{color:#0f172a;font-weight:700}.learning-hero-card{background:linear-gradient(135deg,#dbeafe 0%,#ede9fe 40%,#e0e7ff 100%);border:1px solid #c7d2feb3;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:2.25rem 2.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #6366f114}.learning-hero-content{z-index:2;flex:1;max-width:600px}.learning-hero-badges{gap:.5rem;margin-bottom:.85rem;display:flex}.learning-badge{letter-spacing:.3px;border-radius:9999px;padding:4px 14px;font-size:.75rem;font-weight:700;display:inline-block}.badge-board{color:#4f46e5;background:#eef2ff;border:1px solid #6366f133}.badge-grade{color:#d97706;background:#fef3c7;border:1px solid #f59e0b40}.learning-hero-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 .5rem;font-size:2.15rem;font-weight:800;line-height:1.2}.learning-hero-desc{color:#475569;max-width:560px;margin:0 0 1.25rem;font-size:.95rem;line-height:1.55}.learning-hero-meta-row{color:#475569;align-items:center;gap:1rem;font-size:.875rem;font-weight:500;display:flex}.learning-meta-item{align-items:center;gap:.45rem;display:flex}.learning-meta-divider{color:#cbd5e1;font-weight:300}.learning-hero-art-col{z-index:2;flex-shrink:0;justify-content:flex-end;align-items:center;width:380px;display:flex}.course-hero-illustration-container{justify-content:center;align-items:center;width:100%;display:flex}.hero-art-svg{filter:drop-shadow(0 10px 25px #4f46e526);width:100%;max-width:380px;height:auto}.learning-tabs-bar{align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:4px;display:flex;overflow-x:auto}.learning-tab-btn{cursor:pointer;color:#475569;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;padding:.65rem 1.6rem;font-size:.875rem;font-weight:600;transition:all .15s}.learning-tab-btn:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.learning-tab-btn.active{color:#fff;background:#6366f1;border-color:#6366f1;box-shadow:0 4px 12px #6366f140}.learning-two-col-layout{grid-template-columns:1fr 340px;align-items:start;gap:1.75rem;display:grid}.learning-main-col{min-width:0}.learning-content-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.75rem 2rem;box-shadow:0 1px 3px #0000000a}.learning-content-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.learning-content-title{color:#0f172a;margin:0;font-size:1.25rem;font-weight:800}.learning-content-progress-label{color:#64748b;font-size:.875rem;font-weight:600}.learning-chapters-accordion{flex-direction:column;gap:.85rem;display:flex}.chapter-accordion-block{background:#fff;border:1px solid #e2e8f0;border-radius:14px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.chapter-accordion-block:hover{border-color:#cbd5e1}.chapter-header-btn{cursor:pointer;text-align:left;background:#fff;border:none;justify-content:space-between;align-items:center;width:100%;padding:1.15rem 1.25rem;transition:background .15s;display:flex}.chapter-header-btn:hover{background:#f8fafc}.chapter-header-left{align-items:center;gap:1rem;display:flex}.chapter-num-badge-wrap{flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.chapter-badge-svg{transform:rotate(-90deg)}.chapter-badge-bg-ring{fill:none;stroke:#e2e8f0;stroke-width:3px}.chapter-badge-prog-ring{fill:none;stroke:#6366f1;stroke-width:3px;stroke-linecap:round;transition:stroke-dashoffset .3s}.chapter-num-text{color:#0f172a;font-size:.875rem;font-weight:700;position:absolute}.chapter-header-text{flex-direction:column;gap:.2rem;display:flex}.chapter-title{color:#1e293b;margin:0;font-size:1rem;font-weight:700}.chapter-meta-sub{color:#64748b;font-size:.8rem}.chapter-header-chevron{color:#64748b;align-items:center;display:flex}.chapter-lessons-list{background:#fafafc;border-top:1px solid #f1f5f9;flex-direction:column;gap:.5rem;padding:0 1rem 1rem;display:flex}.chapter-empty-lessons{text-align:center;color:#94a3b8;padding:1rem;font-size:.85rem}.lesson-row-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:.85rem 1.15rem;transition:all .15s;display:flex}.lesson-row-item:hover{border-color:#cbd5e1}.lesson-row-item.is-selected{background:#eef2ff;border-color:#c7d2fe}.lesson-row-item.is-locked{opacity:.8;background:#f8fafc}.lesson-row-left{flex:1;align-items:center;gap:.85rem;min-width:0;display:flex}.lesson-play-circle-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.play-icon-active{color:#4f46e5}.play-icon-muted{color:#94a3b8}.lesson-row-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.lesson-row-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;font-weight:600;overflow:hidden}.lesson-row-sub{color:#64748b;font-size:.78rem}.lesson-row-right{flex-shrink:0;margin-left:1rem}.btn-play-lesson{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:9999px;align-items:center;gap:.4rem;padding:.5rem 1.15rem;font-size:.82rem;font-weight:600;transition:background .15s,transform .15s;display:flex;box-shadow:0 2px 8px #4f46e540}.btn-play-lesson:hover{background:#4338ca;transform:translateY(-1px)}.btn-open-lesson{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:.35rem;padding:.45rem .9rem;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.btn-open-lesson:hover{color:#0f172a;background:#e2e8f0}.lesson-lock-badge{color:#94a3b8;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.learning-empty-curriculum{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.empty-book-icon{color:#94a3b8;margin-bottom:1rem}.learning-empty-curriculum h3{color:#1e293b;margin:0 0 .4rem;font-size:1.15rem;font-weight:700}.learning-empty-curriculum p{max-width:400px;margin:0;font-size:.875rem}.learning-sidebar-col{flex-direction:column;gap:1.5rem;display:flex}.learning-progress-card,.learning-actions-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000000a}.learning-sidecard-title{color:#0f172a;margin:0 0 1.25rem;font-size:1.05rem;font-weight:800}.learning-progress-metrics-row{align-items:center;gap:1.25rem;margin-bottom:1.5rem;display:flex}.learning-donut-box{flex-shrink:0;justify-content:center;align-items:center;width:94px;height:94px;display:flex;position:relative}.donut-svg{transform:rotate(-90deg)}.donut-bg-ring{fill:none;stroke:#e2e8f0;stroke-width:6px}.donut-fill-ring{fill:none;stroke:#4f46e5;stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset .4s}.donut-center-text{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.donut-percent-num{color:#0f172a;font-size:1.25rem;font-weight:800;line-height:1}.donut-sub-label{color:#64748b;margin-top:3px;font-size:.65rem;font-weight:600;line-height:1.15}.learning-progress-stats-list{flex-direction:column;flex:1;gap:.75rem;display:flex}.stat-legend-item{align-items:center;gap:.45rem;font-size:.8rem;display:flex}.legend-dot{font-size:.65rem}.dot-blue{color:#3b82f6}.dot-green{color:#10b981}.dot-slate{color:#94a3b8}.legend-label{color:#64748b;flex:1}.legend-value{color:#0f172a;font-weight:700}.btn-continue-learning-pill{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem 1.25rem;font-size:.95rem;font-weight:600;transition:background .15s,transform .15s;display:flex;box-shadow:0 4px 14px #4f46e54d}.btn-continue-learning-pill:hover{background:#4338ca;transform:translateY(-1px)}.learning-actions-stack{flex-direction:column;gap:.75rem;display:flex}.learning-action-button{color:#334155;cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .15s;display:flex}.learning-action-button:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.learning-action-button.is-fav{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.action-btn-icon{color:#475569;flex-shrink:0}.learning-overview-card,.learning-resources-card,.learning-discussion-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.75rem 2rem;box-shadow:0 1px 3px #0000000a}.learning-card-section{margin-bottom:2rem}.learning-card-section:last-child{margin-bottom:0}.learning-sec-heading{color:#0f172a;margin:0 0 .85rem;font-size:1.15rem;font-weight:700}.learning-sec-body{color:#475569;font-size:.92rem;line-height:1.6}.resources-list-stack{flex-direction:column;gap:.75rem;display:flex}.resource-download-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:.85rem 1.15rem;display:flex}.resource-row-left{align-items:center;gap:.75rem;display:flex}.resource-file-title{color:#1e293b;margin:0;font-size:.875rem;font-weight:600}.resource-file-meta{color:#64748b;font-size:.75rem}.btn-resource-dl{color:#fff;background:#4f46e5;border-radius:6px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.btn-resource-dl:hover{background:#4338ca}.learning-toast-notification{color:#fff;z-index:1000;background:#1e293b;border-radius:10px;align-items:center;gap:.65rem;padding:.85rem 1.5rem;font-size:.9rem;font-weight:500;animation:.2s ease-out slideInUp;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 25px #0003}@keyframes slideInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.learning-two-col-layout{grid-template-columns:1fr}.learning-hero-card{flex-direction:column;align-items:flex-start;padding:1.75rem}.learning-hero-content{max-width:100%}.learning-hero-art-col{justify-content:center;width:100%;margin-top:1.25rem}}@media (width<=640px){.learning-hero-title{font-size:1.65rem}.learning-hero-meta-row{flex-wrap:wrap;gap:.5rem .75rem}.learning-content-card{padding:1.25rem}.lesson-row-item{flex-direction:column;align-items:flex-start;gap:.75rem}.lesson-row-right{width:100%;margin-left:0}.btn-play-lesson,.btn-open-lesson{justify-content:center;width:100%}}.student-lesson-learning-container{box-sizing:border-box;background-color:#f8fafc;min-height:100vh;padding:1.25rem 2rem 3rem}.lesson-page-toast{color:#fff;z-index:1000;background:#1e293b;border-radius:10px;align-items:center;gap:.65rem;padding:.85rem 1.4rem;font-size:.88rem;font-weight:500;animation:.2s ease-out slideInUp;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 25px #0003}.lesson-learning-page-loading,.lesson-learning-page-error{background:#f8fafc;justify-content:center;align-items:center;min-height:80vh;padding:2rem;display:flex}.learning-loader-card,.learning-error-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;width:100%;max-width:520px;padding:3rem 2.5rem;box-shadow:0 10px 25px -5px #0f172a14}.learning-spinner{border:4px solid #eef2ff;border-top-color:#4f46e5;border-radius:50%;width:48px;height:48px;margin:0 auto 1.5rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.learning-error-card .error-icon{color:#ef4444;margin-bottom:1.25rem}.error-actions{justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.btn-back-curriculum,.btn-retry{cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-back-curriculum{color:#fff;background:#4f46e5;border:none}.btn-back-curriculum:hover{background:#4338ca}.btn-retry{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1}.btn-retry:hover{background:#e2e8f0}.lesson-top-breadcrumb-bar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.lesson-breadcrumbs-group{color:#64748b;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.5rem;font-size:.875rem;display:flex;overflow:hidden}.breadcrumb-nav-link{color:#64748b;align-items:center;gap:.25rem;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.breadcrumb-nav-link:hover{color:#4f46e5}.breadcrumb-sep{color:#94a3b8;font-size:.8rem}.breadcrumb-current-label{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.btn-exit-lesson-pill{color:#4f46e5;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.btn-exit-lesson-pill:hover{background:#eef2ff;border-color:#c7d2fe}.lesson-two-col-workspace{grid-template-columns:1fr 360px;align-items:start;gap:1.75rem;display:grid}.lesson-main-player-col{min-width:0}.lesson-video-stage-frame{aspect-ratio:16/9;background:#000;border-radius:16px;justify-content:center;align-items:center;width:100%;margin-bottom:1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0f172a1f}.lesson-video-element{object-fit:contain;cursor:pointer;background:#000;width:100%;height:100%}.video-player-watermark{z-index:10;pointer-events:none;position:absolute;top:16px;right:18px}.watermark-pill{color:#fff;letter-spacing:.5px;background:#4f46e5;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.75rem;font-weight:800;display:flex;box-shadow:0 2px 8px #4f46e566}.video-center-play-circle{cursor:pointer;z-index:8;background:#4f46e5e6;border:2px solid #fffc;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;transition:all .2s;display:flex;position:absolute;box-shadow:0 4px 20px #0000004d}.video-center-play-circle:hover{background:#4f46e5;transform:scale(1.08)}.video-custom-control-bar{z-index:12;background:linear-gradient(#0000,#00000073 25%,#000000f0);align-items:center;gap:.85rem;height:54px;padding:0 1.25rem;transition:opacity .25s,transform .25s;display:flex;position:absolute;bottom:0;left:0;right:0}.video-custom-control-bar.hidden{opacity:0;pointer-events:none;transform:translateY(6px)}.video-custom-control-bar.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.controls-left-group{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.btn-player-icon{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:color .15s,transform .15s;display:flex}.btn-player-icon:hover{color:#a5b4fc;transform:scale(1.08)}.volume-control-wrapper{align-items:center;gap:.25rem;display:flex}.player-volume-slider{accent-color:#4f46e5;cursor:pointer;width:54px;height:4px}.controls-center-scrubber{flex:1;align-items:center;padding:0 .25rem;display:flex}.player-scrubber-slider{accent-color:#fff;cursor:pointer;border-radius:999px;outline:none;width:100%;height:5px;transition:height .15s}.player-scrubber-slider:hover{height:7px}.controls-right-group{flex-shrink:0;align-items:center;gap:.65rem;display:flex}.player-timestamp{color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;margin-right:.25rem;font-size:.82rem;font-weight:600}.btn-speed-pill{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:6px;padding:2px 7px;font-size:.75rem;font-weight:700;transition:all .15s}.btn-speed-pill:hover{background:#ffffff47}.btn-cc{border:1px solid #ffffff59;border-radius:4px;padding:1px 5px;font-size:.75rem;font-weight:800;line-height:1.1}.lesson-locked-screen,.lesson-video-fallback-screen{text-align:center;color:#fff;background:#0f172a;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:3rem 2rem;display:flex}.lesson-locked-screen .locked-icon{color:#f59e0b;margin-bottom:1rem}.lesson-locked-screen h3,.lesson-video-fallback-screen h3{margin:0 0 .5rem;font-size:1.35rem;font-weight:700}.lesson-locked-screen p,.lesson-video-fallback-screen p{color:#94a3b8;max-width:480px;margin:0 0 1.5rem;font-size:.9rem;line-height:1.5}.btn-unlock-course-cta{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:background .15s}.btn-unlock-course-cta:hover{background:#4338ca}.video-error-note{color:#f87171;align-items:center;gap:.5rem;margin-top:1rem;font-size:.85rem;display:flex}.lesson-tabs-details-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.75rem 2rem;box-shadow:0 1px 3px #0000000a}.lesson-tabs-header-strip{border-bottom:1px solid #e2e8f0;gap:2rem;margin-bottom:1.5rem;display:flex}.lesson-tab-nav-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.65rem 0;font-size:.95rem;font-weight:600;transition:color .15s;display:flex;position:relative}.lesson-tab-nav-btn:hover{color:#0f172a}.lesson-tab-nav-btn.active{color:#4f46e5;font-weight:700}.lesson-tab-nav-btn.active:after{content:"";background:#4f46e5;height:2px;position:absolute;bottom:-1px;left:0;right:0}.lesson-pane-title{color:#0f172a;margin:0 0 .85rem;font-size:1.45rem;font-weight:800;line-height:1.25}.lesson-meta-badges-row{color:#64748b;align-items:center;gap:.85rem;margin-bottom:1.25rem;font-size:.85rem;font-weight:500;display:flex}.lesson-meta-badge-item{align-items:center;gap:.4rem;display:flex}.meta-sep-dot{color:#cbd5e1}.lesson-pane-description{color:#475569;margin:0 0 1.5rem;font-size:.95rem;line-height:1.65}.what-you-will-learn-box{background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;padding:1.25rem 1.5rem}.what-learn-title{color:#0f172a;margin:0 0 .85rem;font-size:.95rem;font-weight:700}.what-learn-grid{grid-template-columns:1fr 1fr;gap:.65rem 2rem;display:grid}.learn-objective-item{color:#334155;align-items:center;gap:.6rem;font-size:.875rem;font-weight:500;display:flex}.learn-check-icon{flex-shrink:0}.pane-section-title{color:#0f172a;margin:0 0 .35rem;font-size:1.15rem;font-weight:700}.pane-section-sub{color:#64748b;margin:0 0 1.25rem;font-size:.875rem}.notes-entry-form{margin-bottom:1.75rem}.notes-textarea{box-sizing:border-box;resize:vertical;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:.85rem 1rem;font-family:inherit;font-size:.9rem;transition:border-color .15s}.notes-textarea:focus{border-color:#4f46e5}.notes-actions-bar{justify-content:flex-end;margin-top:.6rem;display:flex}.btn-save-note{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:.55rem 1.25rem;font-size:.85rem;font-weight:600;transition:background .15s}.btn-save-note:hover:not(:disabled){background:#4338ca}.btn-save-note:disabled{opacity:.5;cursor:not-allowed}.saved-notes-list{flex-direction:column;gap:.75rem;display:flex}.saved-note-item-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.85rem 1.15rem}.note-card-header{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.note-card-date{color:#64748b;font-size:.75rem;font-weight:600}.btn-delete-note{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px}.btn-delete-note:hover{color:#ef4444}.note-card-text{color:#334155;white-space:pre-wrap;margin:0;font-size:.875rem;line-height:1.5}.empty-notes-prompt,.empty-discussion-prompt{text-align:center;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:2.5rem 1.5rem}.empty-notes-prompt p,.empty-discussion-prompt p{margin:.5rem 0 0;font-size:.875rem}.discussion-input-form{margin-bottom:1.75rem}.discussion-textarea{box-sizing:border-box;resize:vertical;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:.85rem 1rem;font-family:inherit;font-size:.9rem}.discussion-textarea:focus{border-color:#4f46e5}.discussion-actions-bar{justify-content:flex-end;margin-top:.6rem;display:flex}.btn-post-discussion{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.55rem 1.25rem;font-size:.85rem;font-weight:600;display:flex}.btn-post-discussion:disabled{opacity:.5;cursor:not-allowed}.discussion-posts-list{flex-direction:column;gap:.85rem;display:flex}.discussion-post-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1rem 1.25rem}.post-header-row{align-items:center;gap:.65rem;margin-bottom:.5rem;display:flex}.post-author-avatar{color:#4f46e5;background:#e0e7ff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}.post-author-name{color:#0f172a;font-size:.85rem;display:block}.post-date{color:#94a3b8;font-size:.725rem;display:block}.post-content-body{color:#334155;margin:0;font-size:.875rem;line-height:1.5}.lesson-sidebar-col{flex-direction:column;gap:1.5rem;display:flex}.course-content-sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.35rem 1.5rem;box-shadow:0 1px 3px #0000000a}.course-content-header-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.course-content-card-title{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.course-content-percent-tag{color:#64748b;font-size:.85rem;font-weight:600}.course-content-progress-track{background:#e2e8f0;border-radius:999px;height:6px;margin-bottom:1.25rem;overflow:hidden}.course-content-progress-fill{background:#4f46e5;border-radius:999px;height:100%;transition:width .3s}.chapters-accordion-stack{flex-direction:column;gap:.5rem;display:flex}.chapter-accordion-wrapper{border-bottom:1px solid #f1f5f9;padding-bottom:.4rem}.chapter-accordion-wrapper:last-child{border-bottom:none;padding-bottom:0}.chapter-accordion-header-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:.65rem .25rem;transition:background .15s;display:flex}.chapter-accordion-header-btn:hover{background:#f8fafc}.chapter-header-left-cluster{align-items:center;gap:.65rem;min-width:0;display:flex}.chapter-num-square-badge{color:#0f172a;background:#f1f5f9;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:800;display:flex}.chapter-title-text{color:#0f172a;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:700;overflow:hidden}.chapter-header-right-cluster{color:#64748b;flex-shrink:0;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;display:flex}.chapter-progress-fraction{margin-right:.25rem}.chapter-lessons-container{flex-direction:column;gap:.45rem;padding:.25rem 0 .65rem;display:flex}.curriculum-lesson-row{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .85rem;transition:all .15s;display:flex}.curriculum-lesson-row:hover:not(.is-active-lesson):not(.is-locked-lesson){background:#f8fafc;border-color:#e2e8f0}.curriculum-lesson-row.is-active-lesson{background:#eef2ff;border-color:#c7d2fe}.curriculum-lesson-row.is-locked-lesson{cursor:not-allowed;opacity:.85}.lesson-row-left-content{align-items:center;gap:.75rem;min-width:0;display:flex}.lesson-play-circle-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.lesson-play-circle-badge.circle-active{background:#4f46e5}.lesson-play-circle-badge.circle-inactive{background:0 0;border:1.5px solid #cbd5e1}.lesson-title-meta-box{min-width:0}.lesson-item-title{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.85rem;font-weight:600;line-height:1.25;overflow:hidden}.curriculum-lesson-row.is-active-lesson .lesson-item-title{color:#1e1b4b;font-weight:700}.lesson-item-duration{color:#64748b;margin-top:2px;font-size:.75rem;display:block}.lesson-row-right-status{flex-shrink:0;align-items:center;display:flex}.lock-status-icon{color:#94a3b8}.current-status-icon{color:#4f46e5}.quick-actions-sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.35rem 1.5rem;box-shadow:0 1px 3px #0000000a}.quick-actions-card-title{color:#0f172a;margin:0 0 1.15rem;font-size:1.05rem;font-weight:800}.quick-actions-buttons-stack{flex-direction:column;gap:.75rem;display:flex}.quick-action-btn{color:#334155;cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.85rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .15s;display:flex}.quick-action-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.quick-action-btn.is-completed{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.quick-action-icon{flex-shrink:0}.modal-backdrop-overlay{z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:1.5rem;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.report-issue-modal-box{background:#fff;border-radius:16px;width:100%;max-width:480px;padding:1.75rem;animation:.18s ease-out scaleUp;box-shadow:0 20px 25px -5px #0003}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.modal-title-cluster{align-items:center;gap:.5rem;display:flex}.modal-title-cluster h3{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.btn-close-modal{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px}.modal-context-sub{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:0 0 1rem;padding:.5rem .75rem;font-size:.8rem}.form-field-label{color:#334155;margin:.85rem 0 .35rem;font-size:.8rem;font-weight:600;display:block}.modal-select-field,.modal-textarea-field{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:.7rem .85rem;font-family:inherit;font-size:.875rem}.modal-select-field:focus,.modal-textarea-field:focus{border-color:#4f46e5}.modal-actions-row{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.btn-modal-cancel{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600}.btn-modal-submit{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:.6rem 1.5rem;font-size:.875rem;font-weight:600;transition:background .15s}.btn-modal-submit:hover:not(:disabled){background:#4338ca}.btn-modal-submit:disabled{opacity:.5;cursor:not-allowed}@media (width<=1024px){.lesson-two-col-workspace{grid-template-columns:1fr}.student-lesson-learning-container{padding:1rem 1rem 2.5rem}}@media (width<=640px){.what-learn-grid{grid-template-columns:1fr}.lesson-top-breadcrumb-bar{flex-direction:column;align-items:flex-start}.btn-exit-lesson-pill{justify-content:center;width:100%}.controls-center-scrubber,.player-timestamp{display:none}}.pro-page-wrapper{background-color:#f8fafc;min-height:calc(100vh - 72px);padding:1.25rem 0 5rem}.pro-category-tabs-bar{align-items:center;gap:.75rem;margin-bottom:2rem;display:flex;position:relative}.pro-tabs-scroll-container{scrollbar-width:none;flex:1;align-items:center;gap:.65rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.pro-tabs-scroll-container::-webkit-scrollbar{display:none}.pro-cat-tab{border-radius:var(--radius-pill);font-family:var(--font-heading);color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;padding:.45rem 1.35rem;font-size:.875rem;font-weight:600;transition:all .2s}.pro-cat-tab:hover:not(.active){color:var(--primary);background:#f8fafc;border-color:#c7d2fe}.pro-cat-tab.active{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e54d}.pro-tabs-arrow-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.pro-tabs-arrow-btn:hover{border-color:var(--primary);color:var(--primary);background:#eef2ff}.pro-main-layout{grid-template-columns:240px 1fr;align-items:flex-start;gap:1.75rem;display:grid}.pro-sidebar{border-radius:var(--radius-xl);background:#fff;border:1px solid #e2e8f0;padding:1.35rem;box-shadow:0 2px 10px #0f172a0a}.pro-sidebar-heading{font-family:var(--font-heading);color:#0f172a;margin-bottom:1.15rem;font-size:1.15rem;font-weight:700}.pro-categories-stack{flex-direction:column;gap:.35rem;display:flex}.pro-sidebar-btn{text-align:left;border-radius:var(--radius-md);color:#475569;cursor:pointer;background:0 0;border:none;width:100%;padding:.65rem .85rem;font-size:.875rem;font-weight:500;transition:all .2s}.pro-sidebar-btn-inner{align-items:center;gap:.75rem;display:flex}.sidebar-cat-icon{color:#64748b;flex-shrink:0;transition:color .2s}.pro-sidebar-btn:hover{color:#0f172a;background:#f8fafc}.pro-sidebar-btn:hover .sidebar-cat-icon{color:var(--primary)}.pro-sidebar-btn.active{color:#4f46e5;background:#eef2ff;font-weight:700}.pro-sidebar-btn.active .sidebar-cat-icon{color:#4f46e5}.pro-courses-section{width:100%}.pro-mobile-filter-bar{margin-bottom:1rem;display:none}.pro-mobile-filter-btn{border-radius:var(--radius-pill);color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.55rem 1rem;font-size:.85rem;font-weight:600;display:flex}.pro-four-col-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.pro-card{border-radius:var(--radius-xl);background:#fff;border:1px solid #e2e8f0;flex-direction:column;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 2px 10px #0f172a0a}.pro-card:hover{border-color:#c7d2fe;transform:translateY(-4px);box-shadow:0 12px 24px -4px #4f46e51f}.pro-thumb-box{aspect-ratio:16/10;background-color:#0f172a;width:100%;position:relative;overflow:hidden}.pro-thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.pro-card:hover .pro-thumb-img{transform:scale(1.04)}.pro-badge{border-radius:var(--radius-pill);letter-spacing:.02em;color:#fff;z-index:2;padding:.2rem .6rem;font-size:.675rem;font-weight:700;position:absolute;top:10px;left:10px}.badge-popular{background:#ef4444}.badge-new{background:#3b82f6}.pro-category-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border-radius:var(--radius-sm);z-index:2;background:#0f172abf;padding:.15rem .55rem;font-size:.7rem;font-weight:600;position:absolute;bottom:8px;left:8px}.pro-card-body{flex-direction:column;flex:1;padding:1.1rem;display:flex}.pro-title-link{margin-bottom:.4rem;text-decoration:none}.pro-card-title{min-height:2.6em;font-family:var(--font-heading);color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.975rem;font-weight:700;line-height:1.3;transition:color .2s;display:-webkit-box;overflow:hidden}.pro-title-link:hover .pro-card-title{color:var(--primary)}.pro-card-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-shrink:0;height:2.8em;margin-bottom:.75rem;font-size:.775rem;line-height:1.4;display:-webkit-box;overflow:hidden}.pro-rating-line{align-items:center;gap:.35rem;margin-bottom:.65rem;display:flex}.rating-val{color:#0f172a;font-size:.825rem;font-weight:700}.students-val{color:#64748b;font-size:.75rem}.pro-price-line{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin-bottom:1rem;display:flex}.curr-price{font-family:var(--font-heading);color:#0f172a;font-size:1.15rem;font-weight:800}.old-price{color:#94a3b8;font-size:.825rem;text-decoration:line-through}.discount-pill{white-space:nowrap;color:#16a34a;border-radius:var(--radius-sm);background:#dcfce7;padding:.15rem .45rem;font-size:.675rem;font-weight:700}.pro-card-buttons{flex-wrap:wrap;gap:.5rem;margin-top:auto;display:flex}.btn-pro-trial{white-space:nowrap;text-align:center;min-height:38px;font-family:var(--font-heading);color:#4f46e5;border-radius:var(--radius-md);background:#fff;border:1.5px solid #4f46e5;flex:8.5rem;justify-content:center;align-items:center;padding:.48rem .5rem;font-size:.825rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-pro-trial:hover{background:#eef2ff}.btn-pro-buy{white-space:nowrap;text-align:center;min-height:38px;font-family:var(--font-heading);color:#fff;border-radius:var(--radius-md);background:#4f46e5;border:1.5px solid #4f46e5;flex:6rem;justify-content:center;align-items:center;padding:.48rem .5rem;font-size:.825rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #4f46e540}.btn-pro-buy:hover{background:#4338ca;border-color:#4338ca}.loading-courses-box{border-radius:var(--radius-xl);text-align:center;background:#fff;border:1px solid #e2e8f0;padding:4rem 2rem;box-shadow:0 4px 16px #0f172a0a}.loading-courses-spinner{border:4px solid #eef2ff;border-top-color:#4f46e5;border-radius:50%;width:44px;height:44px;margin:0 auto 1.25rem;animation:.8s linear infinite pro-spin}@keyframes pro-spin{to{transform:rotate(360deg)}}.loading-courses-box h3{font-family:var(--font-heading);color:#0f172a;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.loading-courses-box p{color:#64748b;font-size:.9rem}.error-courses-box{border-radius:var(--radius-xl);text-align:center;background:#fff;border:1px solid #fecdd3;padding:3.5rem 2rem;box-shadow:0 4px 16px #ef44440a}.error-courses-icon{color:#ef4444;margin:0 auto 1rem}.error-courses-box h3{font-family:var(--font-heading);color:#991b1b;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.error-courses-box p{color:#64748b;max-width:500px;margin:0 auto;font-size:.9rem}.pro-empty-box{border-radius:var(--radius-xl);text-align:center;background:#fff;border:1px solid #e2e8f0;padding:3.5rem 2rem}.pro-empty-icon{color:#94a3b8;margin:0 auto 1rem}.pro-empty-box h3{font-family:var(--font-heading);color:#0f172a;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.pro-empty-box p{color:#64748b;margin-bottom:1.25rem;font-size:.9rem}@media (width<=1200px){.pro-four-col-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=992px){.pro-main-layout{grid-template-columns:1fr}.pro-sidebar{display:none}.pro-sidebar.mobile-visible{margin-bottom:1.5rem;display:block}.pro-mobile-filter-bar{display:block}.pro-four-col-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.pro-four-col-grid{grid-template-columns:1fr}}.free-test-page{background-color:#f8fafc;min-height:calc(100vh - 72px);padding:1.25rem 0 5rem}.test-hero-card{border-radius:var(--radius-2xl);background:linear-gradient(135deg,#fff 0%,#f5f8ff 50%,#eff4fe 100%);border:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:1.75rem;padding:1.75rem 2.25rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0f172a0a}.test-hero-bg-pill{pointer-events:none;opacity:.5;z-index:0;background:#bfdbfe;border-radius:9999px;position:absolute}.pill-tr-2{opacity:.35;width:70px;height:22px;top:60px;right:-10px;transform:rotate(-35deg)}.pill-ml{opacity:.35;width:75px;height:25px;top:40%;right:220px;transform:rotate(-35deg)}.test-hero-left{z-index:1;max-width:520px;position:relative}.test-breadcrumbs{color:#64748b;align-items:center;gap:.45rem;margin-bottom:.75rem;font-size:.8125rem;display:flex}.test-crumb-link{color:#64748b;text-decoration:none;transition:color .2s}.test-crumb-link:hover{color:var(--primary)}.test-crumb-sep{color:#94a3b8;font-size:.75rem}.test-crumb-active{color:#0f172a;font-weight:600}.test-hero-title{font-family:var(--font-heading);color:#0f172a;letter-spacing:-.02em;margin-bottom:.25rem;font-size:2.5rem;font-weight:800;line-height:1.15}.test-hero-tagline{font-family:var(--font-heading);color:#4f46e5;margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.test-hero-desc{color:#64748b;font-size:.925rem;line-height:1.55}.test-hero-right{z-index:1;align-items:center;gap:2rem;display:flex;position:relative}.test-search-sort-area{flex-direction:column;gap:.85rem;display:flex}.test-search-input-wrap{border-radius:var(--radius-md);background:#fff;border:1px solid #cbd5e1;align-items:center;gap:.5rem;width:320px;padding:.6rem 1rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.test-search-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}.test-search-icon{color:#94a3b8;flex-shrink:0}.test-search-input-wrap input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:.875rem}.test-search-input-wrap input::placeholder{color:#94a3b8}.test-sort-control{justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.test-sort-label{color:#475569;font-size:.85rem;font-weight:600}.test-sort-select-box{align-items:center;display:flex;position:relative}.test-sort-dropdown{appearance:none;border-radius:var(--radius-md);color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;outline:none;padding:.45rem 2rem .45rem .85rem;font-size:.85rem;font-weight:600}.test-sort-dropdown:focus{border-color:var(--primary)}.test-sort-caret{color:#64748b;pointer-events:none;position:absolute;right:.65rem}.test-sparkle-star{pointer-events:none;animation:4s ease-in-out infinite testSparkle;position:absolute;top:45%;left:-25px}@keyframes testSparkle{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.test-student-scene{justify-content:center;align-items:flex-end;width:115px;height:115px;display:flex;position:relative}.test-student-photo{object-fit:contain;width:auto;height:100%}.test-handwritten-script{color:#334155;pointer-events:none;flex-direction:column;font-family:Caveat,cursive,sans-serif;font-size:1.15rem;font-weight:700;line-height:1.05;display:flex;position:absolute;top:-12px;left:-55px;transform:rotate(-6deg)}.test-category-tabs-bar{scrollbar-width:thin;align-items:center;gap:.65rem;margin-bottom:2rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.test-cat-tab{border-radius:var(--radius-pill);font-family:var(--font-heading);color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;padding:.45rem 1.35rem;font-size:.875rem;font-weight:600;transition:all .2s}.test-cat-tab:hover:not(.active){color:var(--primary);background:#f8fafc;border-color:#c7d2fe}.test-cat-tab.active{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e54d}.test-main-grid-layout{grid-template-columns:240px 1fr;align-items:flex-start;gap:1.75rem;display:grid}.test-filter-sidebar{border-radius:var(--radius-xl);background:#fff;border:1px solid #e2e8f0;padding:1.35rem;box-shadow:0 2px 10px #0f172a0a}.filter-sidebar-heading{font-family:var(--font-heading);color:#0f172a;border-bottom:1px solid #f1f5f9;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:1.15rem;font-weight:700}.filter-section-group{margin-bottom:1.25rem}.filter-section-header{width:100%;font-family:var(--font-heading);color:#0f172a;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;margin-bottom:.65rem;padding:.35rem 0;font-size:.925rem;font-weight:700;display:flex}.filter-options-stack{flex-direction:column;gap:.55rem;padding-left:.25rem;display:flex}.filter-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.65rem;display:flex}.filter-checkbox-box{background:#fff;border:1.5px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.filter-checkbox-box.checked{background:#4f46e5;border-color:#4f46e5}.check-icon{color:#fff}.filter-text{color:#475569;font-size:.85rem;font-weight:500;transition:color .2s}.filter-text.active-text{color:#4f46e5;font-weight:700}.test-results-area{width:100%}.test-results-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.test-count-label{font-family:var(--font-heading);color:#0f172a;font-size:.95rem;font-weight:700}.mobile-filter-open-btn{border-radius:var(--radius-pill);color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.85rem;font-weight:600;display:none}.test-four-col-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.test-card{border-radius:var(--radius-xl);background:#fff;border:1px solid #e2e8f0;flex-direction:column;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 2px 10px #0f172a0a}.test-card:hover{border-color:#c7d2fe;transform:translateY(-4px);box-shadow:0 12px 24px -4px #4f46e51f}.test-thumb-box{aspect-ratio:16/10;background-color:#0f172a;width:100%;position:relative;overflow:hidden}.test-thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.test-card:hover .test-thumb-img{transform:scale(1.04)}.test-badge{border-radius:var(--radius-pill);letter-spacing:.02em;z-index:2;padding:.2rem .6rem;font-size:.675rem;font-weight:700;position:absolute;top:10px;left:10px}.badge-popular{color:#fff;background:#4f46e5}.badge-new{color:#fff;background:#10b981}.test-card-body{flex-direction:column;flex:1;padding:1.1rem;display:flex}.test-title-link{margin-bottom:.65rem;text-decoration:none}.test-card-title{font-family:var(--font-heading);color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;font-weight:700;line-height:1.35;transition:color .2s;display:-webkit-box;overflow:hidden}.test-title-link:hover .test-card-title{color:var(--primary)}.test-meta-row{color:#64748b;align-items:center;gap:.85rem;margin-bottom:.65rem;font-size:.775rem;display:flex}.test-meta-item{align-items:center;gap:.3rem;display:flex}.test-difficulty-row{margin-bottom:.65rem}.difficulty-pill{border-radius:var(--radius-sm);padding:.15rem .55rem;font-size:.7rem;font-weight:700;display:inline-block}.diff-easy{color:#16a34a;background:#dcfce7}.diff-medium{color:#d97706;background:#fef3c7}.diff-hard{color:#dc2626;background:#fee2e2}.test-rating-line{align-items:center;gap:.35rem;margin-bottom:1rem;display:flex}.star-gold{color:#f59e0b;fill:#f59e0b}.rating-num{color:#0f172a;font-size:.825rem;font-weight:700}.attempts-num{color:#64748b;font-size:.75rem}.test-card-buttons{gap:.5rem;margin-top:auto;display:flex}.btn-test-start{text-align:center;font-family:var(--font-heading);color:#4f46e5;border-radius:var(--radius-md);background:#fff;border:1.5px solid #4f46e5;flex:1;justify-content:center;align-items:center;padding:.48rem .5rem;font-size:.825rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-test-start:hover{background:#eef2ff}.btn-test-details{text-align:center;font-family:var(--font-heading);color:#fff;border-radius:var(--radius-md);background:#4f46e5;border:1.5px solid #4f46e5;flex:1;justify-content:center;align-items:center;padding:.48rem .5rem;font-size:.825rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #4f46e540}.btn-test-details:hover{background:#4338ca;border-color:#4338ca}.test-empty-box{border-radius:var(--radius-xl);text-align:center;background:#fff;border:1px solid #e2e8f0;padding:3.5rem 2rem}.test-empty-icon{color:#94a3b8;margin:0 auto 1rem}@media (width<=1200px){.test-four-col-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=992px){.test-main-grid-layout{grid-template-columns:1fr}.test-filter-sidebar{display:none}.test-filter-sidebar.mobile-show{margin-bottom:1.5rem;display:block}.mobile-filter-open-btn{display:flex}.test-hero-card{flex-direction:column;align-items:flex-start;gap:1.5rem}.test-hero-right{flex-wrap:wrap;justify-content:space-between;width:100%}.test-four-col-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.test-four-col-grid{grid-template-columns:1fr}.test-search-input-wrap,.test-search-sort-area{width:100%}.test-student-scene{display:none}}.blogs-page-wrapper{background-color:#f8fafc;min-height:calc(100vh - 72px);padding:1.5rem 0 5rem}.blogs-hero-card{border-radius:var(--radius-2xl,24px);background:linear-gradient(135deg,#fff 0%,#f5f8ff 50%,#eff4fe 100%);border:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem 2.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0f172a0a}.blogs-bg-pill{pointer-events:none;z-index:0;border-radius:9999px;position:absolute}.pill-tr-1{opacity:.45;background:#c7d2fe;width:90px;height:28px;top:15px;right:25px;transform:rotate(-35deg)}.pill-tr-2{opacity:.35;background:#bfdbfe;width:70px;height:22px;top:60px;right:-10px;transform:rotate(-35deg)}.pill-ml{opacity:.35;background:#ddd6fe;width:75px;height:25px;top:40%;right:240px;transform:rotate(-35deg)}.blogs-hero-left{z-index:1;max-width:520px;position:relative}.blogs-hero-title{font-family:var(--font-heading,inherit);color:#0f172a;letter-spacing:-.025em;margin-top:0;margin-bottom:.35rem;font-size:2.25rem;font-weight:800;line-height:1.15}.blogs-hero-tagline{font-family:var(--font-heading,inherit);color:#4f46e5;margin-bottom:.65rem;font-size:1.1rem;font-weight:700}.blogs-hero-desc{color:#64748b;margin-bottom:0;font-size:.95rem;line-height:1.6}.blogs-hero-right{z-index:1;flex-shrink:0;align-items:center;gap:2.25rem;display:flex;position:relative}.blogs-search-field-box{border-radius:var(--radius-md,8px);background:#fff;border:1px solid #cbd5e1;flex-shrink:0;align-items:center;gap:.65rem;width:290px;padding:.75rem 1.15rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.blogs-search-field-box:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.blogs-search-icon{color:#94a3b8;flex-shrink:0}.blogs-search-field-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.blogs-search-field-box input::placeholder{color:#94a3b8}.blogs-student-scene{flex-shrink:0;align-items:center;gap:.85rem;display:flex;position:relative}.blogs-handwritten-script{text-align:right;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;display:flex;transform:rotate(-5deg)}.blogs-handwritten-script span{color:#4f46e5;font-family:Caveat,cursive,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.1}.blogs-student-photo-wrap{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.blogs-student-photo{object-fit:cover;border:4px solid #fff;border-radius:50%;width:105px;height:105px;display:block;box-shadow:0 8px 24px #4f46e52e}.blogs-sparkle-star{pointer-events:none;z-index:2;animation:3s ease-in-out infinite floatSparkle;position:absolute;top:-10px;right:-4px}@keyframes floatSparkle{0%{transform:scale(.9)translateY(0)}to{transform:scale(1.15)translateY(-4px)}}.blogs-category-tabs-bar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.blogs-cat-tab{font-family:var(--font-heading,inherit);color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:9999px;align-items:center;gap:.5rem;padding:.6rem 1.35rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.blogs-cat-tab .tab-icon{color:#64748b;transition:color .2s}.blogs-cat-tab:hover:not(.active){color:#4f46e5;background:#f8fafc;border-color:#c7d2fe}.blogs-cat-tab:hover:not(.active) .tab-icon{color:#4f46e5}.blogs-cat-tab.active{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 4px 14px #4f46e540}.blogs-cat-tab.active .tab-icon{color:#fff}.blogs-main-layout{grid-template-columns:280px 1fr;align-items:flex-start;gap:2rem;display:grid}.blogs-sidebar{flex-direction:column;gap:1.75rem;display:flex}.sidebar-card-box{border-radius:var(--radius-xl,16px);background:#fff;border:1px solid #e2e8f0;padding:1.5rem;box-shadow:0 2px 10px #0f172a0a}.sidebar-heading{font-family:var(--font-heading,inherit);color:#0f172a;margin-bottom:1.15rem;font-size:1.1rem;font-weight:700}.sidebar-categories-list{flex-direction:column;gap:.45rem;width:100%;display:flex}.sidebar-cat-btn{box-sizing:border-box;border-radius:var(--radius-md,8px);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:20px 1fr auto;align-items:center;column-gap:.75rem;width:100%;min-height:44px;padding:.65rem .75rem;transition:all .2s;display:grid}.cat-btn-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.cat-btn-icon{color:#64748b;flex-shrink:0;width:18px;height:18px;transition:color .2s}.cat-btn-label{color:#475569;text-align:left;white-space:normal;word-break:normal;overflow-wrap:break-word;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1.35;transition:color .2s}.sidebar-cat-count{color:#64748b;box-sizing:border-box;background:#f1f5f9;border-radius:9999px;flex-shrink:0;justify-content:center;justify-self:end;align-items:center;min-width:22px;height:20px;padding:.15rem .55rem;font-size:.75rem;font-weight:700;line-height:1;transition:all .2s;display:inline-flex}.sidebar-cat-btn:hover{background:#f8fafc;border-color:#e2e8f0}.sidebar-cat-btn:hover .cat-btn-icon{color:#4f46e5}.sidebar-cat-btn:hover .cat-btn-label{color:#0f172a}.sidebar-cat-btn.active{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.sidebar-cat-btn.active .cat-btn-icon{color:#4f46e5}.sidebar-cat-btn.active .cat-btn-label{color:#4f46e5;font-weight:700}.sidebar-cat-btn.active .sidebar-cat-count{color:#fff;background:#4f46e5}.popular-posts-card{padding:1.5rem}.popular-posts-list{flex-direction:column;gap:1.25rem;display:flex}.popular-post-row{align-items:center;gap:.85rem;text-decoration:none;transition:transform .2s;display:flex}.popular-post-row:hover{transform:translate(4px)}.popular-thumb-img{border-radius:var(--radius-md,8px);object-fit:cover;border:1px solid #e2e8f0;flex-shrink:0;width:58px;height:58px}.popular-post-info{flex-direction:column;display:flex}.popular-post-title{font-family:var(--font-heading,inherit);color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.25rem;font-size:.825rem;font-weight:700;line-height:1.35;transition:color .2s;display:-webkit-box;overflow:hidden}.popular-post-row:hover .popular-post-title{color:#4f46e5}.popular-post-date{color:#94a3b8;font-size:.725rem;font-weight:500}.blogs-articles-area{width:100%}.blogs-listing-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.blogs-count-text{font-family:var(--font-heading,inherit);color:#0f172a;font-size:1rem;font-weight:700}.blogs-sort-wrapper{align-items:center;gap:.5rem;display:flex}.blogs-sort-label{color:#475569;font-size:.85rem;font-weight:600}.blogs-sort-select-box{align-items:center;display:flex;position:relative}.blogs-sort-select{appearance:none;border-radius:var(--radius-md,8px);color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;outline:none;padding:.5rem 2rem .5rem .85rem;font-size:.85rem;font-weight:600;transition:border-color .2s}.blogs-sort-select:focus{border-color:#4f46e5}.blogs-sort-caret{color:#64748b;pointer-events:none;position:absolute;right:.65rem}.mobile-blog-filter-toggle{margin-bottom:1rem;display:none}.mobile-blog-filter-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.6rem 1rem;font-size:.85rem;font-weight:600;display:flex}.blogs-articles-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem;display:grid}.blog-card{border-radius:var(--radius-xl,16px);background:#fff;border:1px solid #e2e8f0;flex-direction:column;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 2px 10px #0f172a0a}.blog-card:hover{border-color:#c7d2fe;transform:translateY(-5px);box-shadow:0 14px 28px -4px #4f46e51f}.blog-thumb-wrap{aspect-ratio:16/9;background-color:#0f172a;width:100%;text-decoration:none;display:block;position:relative;overflow:hidden}.blog-thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.blog-card:hover .blog-thumb-img{transform:scale(1.04)}.blog-category-badge{letter-spacing:.02em;color:#fff;z-index:2;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.725rem;font-weight:700;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 2px 6px #00000040}.badge-inline-icon{flex-shrink:0}.badge-tech{background:#2563eb}.badge-career{background:#7c3aed}.badge-study{background:#059669}.blog-card-body{flex-direction:column;flex:1;padding:1.35rem;display:flex}.blog-meta-row{color:#94a3b8;align-items:center;gap:.85rem;margin-bottom:.65rem;font-size:.75rem;font-weight:500;display:flex}.blog-meta-item{align-items:center;gap:.3rem;display:flex}.meta-icon{color:#94a3b8}.blog-title-link{margin-bottom:.65rem;text-decoration:none}.blog-card-title{font-family:var(--font-heading,inherit);color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.05rem;font-weight:700;line-height:1.4;transition:color .2s;display:-webkit-box;overflow:hidden}.blog-title-link:hover .blog-card-title{color:#4f46e5}.blog-card-excerpt{color:#64748b;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:1.25rem;font-size:.85rem;line-height:1.55;display:-webkit-box;overflow:hidden}.btn-blog-readmore{text-align:center;width:100%;font-family:var(--font-heading,inherit);color:#4f46e5;border-radius:var(--radius-md,8px);background:#fff;border:1.5px solid #4f46e5;justify-content:center;align-items:center;gap:.4rem;margin-top:auto;padding:.6rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-blog-readmore:hover{color:#fff;background:#4f46e5;transform:translateY(-1px)}.readmore-arrow{transition:transform .2s}.btn-blog-readmore:hover .readmore-arrow{transform:translate(3px)}.blogs-empty-box{border-radius:var(--radius-xl,16px);text-align:center;background:#fff;border:1px solid #e2e8f0;padding:4rem 2rem;box-shadow:0 2px 10px #0f172a0a}.blogs-empty-icon{color:#94a3b8;margin:0 auto 1.25rem}.blogs-empty-box h3{font-family:var(--font-heading,inherit);color:#0f172a;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.blogs-empty-box p{color:#64748b;max-width:480px;margin:0 auto 1.5rem;font-size:.95rem;line-height:1.55}.article-detail-page{padding-bottom:6rem}.article-container-card{border-radius:var(--radius-2xl,24px);background:#fff;border:1px solid #e2e8f0;margin-bottom:3rem;padding:2.75rem 3rem;box-shadow:0 4px 24px #0f172a0a}.article-header{margin-bottom:2rem}.article-header-badge-row{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.badge-large{box-shadow:none;padding:.35rem .95rem;font-size:.8rem;position:static}.article-readtime-pill{color:#64748b;background:#f1f5f9;border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.article-main-title{font-family:var(--font-heading,inherit);color:#0f172a;letter-spacing:-.025em;margin-bottom:1.5rem;font-size:2.25rem;font-weight:800;line-height:1.25}.article-meta-bar{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.25rem;display:flex}.article-author-info{align-items:center;gap:.85rem;display:flex}.author-avatar-badge{color:#4f46e5;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.author-text-meta{flex-direction:column;display:flex}.author-role{color:#64748b;font-size:.8rem}.article-meta-right{align-items:center;gap:1.25rem;display:flex}.article-publish-date{color:#64748b;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;display:inline-flex}.btn-article-share{border-radius:var(--radius-md,8px);color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;align-items:center;gap:.45rem;padding:.45rem .95rem;font-size:.825rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-article-share:hover{color:#4f46e5;background:#f8fafc;border-color:#c7d2fe}.btn-article-share.copied{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.article-hero-media{aspect-ratio:16/9;border-radius:var(--radius-xl,16px);border:1px solid #e2e8f0;width:100%;margin-bottom:2.5rem;overflow:hidden;box-shadow:0 4px 20px #0f172a0f}.article-hero-cover-img{object-fit:cover;width:100%;height:100%;display:block}.article-lead-section{border-radius:0 var(--radius-lg,12px) var(--radius-lg,12px) 0;background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);border-left:4px solid #4f46e5;margin-bottom:2.5rem;padding:1.5rem 1.75rem}.article-lead-p{color:#334155;margin-bottom:.85rem;font-size:1.05rem;line-height:1.7}.article-lead-p:last-child{margin-bottom:0}.article-body-content{color:#334155;font-size:1rem;line-height:1.75}.article-content-block{margin-bottom:3rem}.article-section-title{font-family:var(--font-heading,inherit);color:#0f172a;letter-spacing:-.015em;border-bottom:1px solid #f1f5f9;align-items:center;gap:.65rem;margin-bottom:1.25rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:800;display:flex}.section-emoji{font-size:1.35rem}.article-p{color:#334155;margin-bottom:1.25rem;font-size:1rem;line-height:1.8}.article-keypoints-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin:1.75rem 0;display:grid}.keypoint-card{border-radius:var(--radius-lg,12px);background:#f8fafc;border:1px solid #e2e8f0;padding:1.25rem 1.5rem;transition:all .2s}.keypoint-card:hover{background:#fff;border-color:#c7d2fe;box-shadow:0 4px 16px #4f46e514}.keypoint-term-row{align-items:center;gap:.5rem;margin-bottom:.45rem;display:flex}.keypoint-icon{color:#4f46e5;flex-shrink:0}.keypoint-term{font-family:var(--font-heading,inherit);color:#0f172a;margin:0;font-size:1rem;font-weight:700}.keypoint-def{color:#475569;margin:0;font-size:.9rem;line-height:1.55}.article-subsection-block{margin-top:1.75rem}.article-subsection-title{font-family:var(--font-heading,inherit);color:#1e293b;margin-bottom:.85rem;font-size:1.2rem;font-weight:700}.article-callout-box{border-radius:var(--radius-lg,12px);background:#f0fdf4;border:1px solid #bbf7d0;border-left:4px solid #16a34a;margin:1.25rem 0 1.75rem;padding:1.25rem 1.5rem}.callout-header{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.callout-icon{color:#16a34a}.callout-title{font-family:var(--font-heading,inherit);color:#14532d;margin:0;font-size:.975rem;font-weight:700}.callout-text{color:#166534;margin:0;font-size:.925rem;line-height:1.6}.article-salary-card{border-radius:var(--radius-lg,12px);background:#faf5ff;border:1px solid #e9d5ff;margin:1.25rem 0;padding:1.25rem 1.5rem}.salary-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.salary-icon{color:#9333ea}.salary-card-title{font-family:var(--font-heading,inherit);color:#581c87;text-transform:uppercase;letter-spacing:.03em;font-size:.95rem;font-weight:700}.salary-breakdown-rows{flex-direction:column;gap:.65rem;display:flex}.salary-row{flex-direction:column;gap:.2rem;font-size:.9rem;display:flex}.salary-sector-label{color:#3b0764;font-weight:700}.salary-value{color:#4c1d95;border-radius:var(--radius-sm,6px);background:#fff;border:1px solid #e9d5ff;padding:.35rem .75rem}.article-top-suggestion-box{border-radius:var(--radius-xl,16px);background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border:1px solid #c7d2fe;margin:1.5rem 0 2rem;padding:1.5rem}.suggestion-badge{color:#fff;text-transform:uppercase;letter-spacing:.03em;background:#4f46e5;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.suggestion-title{font-family:var(--font-heading,inherit);color:#1e1b4b;margin-bottom:.4rem;font-size:1.2rem;font-weight:800}.suggestion-pathway{color:#3730a3;margin-bottom:.5rem;font-size:.925rem}.suggestion-desc{color:#4338ca;margin:0;font-size:.925rem;line-height:1.55}.article-conclusion-box{border-radius:var(--radius-xl,16px);background:#fffbeb;border:1.5px solid #fde68a;margin-top:3rem;padding:1.75rem 2rem}.conclusion-badge{color:#fff;text-transform:uppercase;letter-spacing:.03em;background:#d97706;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:.85rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.conclusion-title{font-family:var(--font-heading,inherit);color:#78350f;margin-bottom:.75rem;font-size:1.35rem;font-weight:800}.conclusion-p{color:#92400e;margin-bottom:.75rem;font-size:1rem;line-height:1.75}.conclusion-p:last-child{margin-bottom:0}.article-footer-bar{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:2.5rem;padding-top:1.5rem;display:flex}.article-tags-cluster{align-items:center;gap:.5rem;display:flex}.tag-label{color:#64748b;font-size:.85rem;font-weight:600}.tag-item{color:#334155;background:#f1f5f9;border-radius:9999px;padding:.25rem .75rem;font-size:.825rem;font-weight:700}.related-articles-section{margin-top:2rem}.section-header-compact{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-title-compact{font-family:var(--font-heading,inherit);color:#0f172a;font-size:1.35rem;font-weight:800}.link-view-all{color:#4f46e5;font-size:.875rem;font-weight:700;text-decoration:none;transition:color .2s}.link-view-all:hover{color:#3730a3}.related-articles-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem;display:grid}.related-card{max-width:580px}.article-not-found-box{border-radius:var(--radius-2xl,24px);text-align:center;background:#fff;border:1px solid #e2e8f0;padding:4.5rem 2rem;box-shadow:0 4px 20px #0f172a0a}.not-found-icon{color:#94a3b8;margin:0 auto 1.25rem}.article-not-found-box h2{font-family:var(--font-heading,inherit);color:#0f172a;margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.article-not-found-box p{color:#64748b;max-width:440px;margin:0 auto 1.75rem;font-size:.95rem}@media (width<=1024px){.blogs-main-layout{grid-template-columns:260px 1fr;gap:1.5rem}.sidebar-card-box{padding:1.25rem}.article-container-card{padding:2rem}}@media (width<=900px){.blogs-main-layout{grid-template-columns:1fr}.blogs-sidebar{display:none}.blogs-sidebar.mobile-visible{margin-bottom:1.5rem;display:flex}.mobile-blog-filter-toggle{display:block}.blogs-hero-card{flex-direction:column;align-items:stretch;gap:1.5rem;padding:1.75rem}.blogs-hero-left{max-width:100%}.blogs-hero-right{flex-direction:column;align-items:stretch;gap:1.25rem;width:100%}.blogs-search-field-box{width:100%;max-width:100%}.blogs-student-scene{align-self:center;margin-top:.25rem}.blogs-articles-grid,.related-articles-grid,.article-keypoints-grid{grid-template-columns:1fr}.article-main-title{font-size:1.75rem}}@media (width<=600px){.blogs-hero-card{padding:1.5rem 1.25rem}.blogs-search-field-box{width:100%}.blogs-student-scene{display:none}.article-container-card{border-radius:var(--radius-xl,16px);padding:1.5rem 1.25rem}.article-meta-bar{flex-direction:column;align-items:flex-start}.article-meta-right{justify-content:space-between;width:100%}}.article-rich-text-content{color:#1e293b;margin-top:1.5rem;font-size:1.0625rem;line-height:1.85}.article-rich-text-content p{color:#334155;margin-bottom:1.35rem;font-size:1.0625rem;line-height:1.8}.article-rich-text-content h1{color:#0f172a;margin-top:2.25rem;margin-bottom:1rem;font-size:2rem;font-weight:800;line-height:1.3}.article-rich-text-content h2{color:#1e1b4b;margin-top:2rem;margin-bottom:.85rem;font-size:1.5rem;font-weight:750;line-height:1.35}.article-rich-text-content h3{color:#312e81;margin-top:1.75rem;margin-bottom:.65rem;font-size:1.25rem;font-weight:700;line-height:1.4}.article-rich-text-content ul,.article-rich-text-content ol{margin-bottom:1.5rem;padding-left:2rem}.article-rich-text-content li{color:#334155;margin-bottom:.5rem;line-height:1.7}.article-rich-text-content blockquote{color:#475569;background:#f5f3ff;border-left:4px solid #8b5cf6;border-radius:0 10px 10px 0;margin:1.5rem 0;padding:1rem 1.5rem;font-style:italic}.article-rich-text-content a{color:#4f46e5;text-underline-offset:3px;font-weight:600;text-decoration:underline}.article-rich-text-content img{border-radius:12px;max-width:100%;height:auto;margin:1.5rem 0}.blogs-loading-box{border-radius:var(--radius-xl,16px);text-align:center;background:#fff;border:1px solid #e2e8f0;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4.5rem 2rem;display:flex;box-shadow:0 2px 10px #0f172a0a}.spinner-icon{color:#4f46e5;animation:1s linear infinite spin}.blogs-loading-box p{color:#64748b;margin:0;font-size:.95rem;font-weight:500}.blogs-error-box{background:#fffdfd;border-color:#fecaca}.blogs-error-icon{color:#dc2626;margin-bottom:.75rem}.contact-page{color:var(--text-main);background-color:#fff;min-height:100vh;padding-bottom:5rem}.contact-hero-section{background:linear-gradient(#f4f7ff 0%,#fff 100%);padding:1.5rem 0 3rem;position:relative;overflow:hidden}.contact-breadcrumb{color:#64748b;align-items:center;gap:.5rem;margin-bottom:1.75rem;font-size:.85rem;font-weight:500;display:flex}.contact-breadcrumb a{color:#64748b;transition:color .2s}.contact-breadcrumb a:hover{color:var(--primary)}.contact-breadcrumb-sep{color:#94a3b8;font-size:.8rem}.contact-breadcrumb-current{color:#334155;font-weight:600}.contact-hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:2.5rem;display:grid}.contact-hero-content{max-width:600px}.contact-hero-title{color:#0f172a;letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.85rem;font-weight:800;line-height:1.18}.contact-hero-brand{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 60%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.contact-hero-tagline{color:#1e293b;margin-bottom:1.25rem;font-size:1.25rem;font-weight:700;line-height:1.35}.contact-hero-desc{color:#64748b;margin-bottom:0;font-size:1rem;line-height:1.65}.contact-hero-visual-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.contact-hero-img-box{z-index:2;width:100%;max-width:380px;position:relative}.contact-hero-main-img{object-fit:cover;border-radius:1.5rem;width:100%;height:auto}.contact-handwriting-note{z-index:3;color:#4f46e5;text-align:center;pointer-events:none;font-family:Caveat,cursive;font-size:1.4rem;font-weight:700;line-height:1.15;position:absolute;top:30px;left:-45px;transform:rotate(-6deg)}.contact-handwriting-arrow{color:#6366f1;margin-top:-2px;font-size:1.6rem;display:block}.contact-main-section{padding:1.5rem 0 4rem}.contact-main-grid{grid-template-columns:1.05fr 1fr;align-items:stretch;gap:2rem;display:grid}.contact-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;flex-direction:column;padding:2.25rem;display:flex;box-shadow:0 4px 20px #0f172a0a}.contact-card-title{color:#0f172a;margin-bottom:.4rem;font-size:1.65rem;font-weight:800}.contact-card-subtitle{color:#64748b;margin-bottom:1.75rem;font-size:.9rem;line-height:1.5}.contact-form{flex-direction:column;flex:1;gap:1.25rem;display:flex}.contact-form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.contact-form-group{flex-direction:column;gap:.4rem;display:flex}.contact-form-label{color:#334155;font-size:.85rem;font-weight:600}.contact-req-star{color:#ef4444}.contact-input-wrapper{align-items:center;display:flex;position:relative}.contact-input-icon{color:#94a3b8;pointer-events:none;position:absolute;left:1rem}.contact-input-field{color:#0f172a;width:100%;font-size:.9rem;font-family:var(--font-sans);background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:.85rem;outline:none;padding:.75rem 1rem .75rem 2.75rem;transition:all .2s}.contact-input-field:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.contact-input-field::placeholder{color:#94a3b8}.contact-select-field{appearance:none;cursor:pointer}.contact-select-arrow{color:#64748b;pointer-events:none;position:absolute;right:1rem}.contact-textarea-wrapper{position:relative}.contact-textarea-wrapper .contact-input-icon{top:1rem}.contact-textarea-field{color:#0f172a;width:100%;font-size:.9rem;font-family:var(--font-sans);resize:vertical;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:.85rem;outline:none;min-height:110px;padding:.75rem 1rem .75rem 2.75rem;transition:all .2s}.contact-textarea-field:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.contact-textarea-field::placeholder{color:#94a3b8}.contact-submit-btn{color:#fff;font-size:.95rem;font-weight:700;font-family:var(--font-heading);cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.6rem;margin-top:.5rem;padding:.85rem 1.75rem;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #4f46e54d}.contact-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#4338ca 0%,#3730a3 100%);transform:translateY(-1px);box-shadow:0 6px 20px #4f46e573}.contact-submit-btn:disabled{opacity:.7;cursor:not-allowed}.contact-success-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.contact-success-icon{color:#16a34a;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.25rem;display:flex}.contact-success-title{color:#0f172a;margin-bottom:.5rem;font-size:1.4rem;font-weight:800}.contact-success-desc{color:#64748b;max-width:380px;margin-bottom:1.5rem;font-size:.925rem;line-height:1.55}.contact-channels-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem;display:grid}.contact-channel-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:1.15rem;flex-direction:column;align-items:center;padding:1.25rem 1.1rem;transition:transform .2s,border-color .2s;display:flex}.contact-channel-card:hover{border-color:#cbd5e1;transform:translateY(-2px)}.channel-icon-box{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.75rem;display:flex}.ch-icon-purple{color:#4f46e5;background:#eef2ff}.ch-icon-blue{color:#0284c7;background:#e0f2fe}.ch-icon-green{color:#16a34a;background:#dcfce7}.ch-icon-amber{color:#d97706;background:#fef3c7}.channel-title{color:#0f172a;margin-bottom:.25rem;font-size:.95rem;font-weight:700}.channel-val{color:#1e293b;word-break:break-word;margin-bottom:.25rem;font-size:.85rem;font-weight:600}.channel-sub{color:#64748b;font-size:.75rem;line-height:1.4}.contact-help-banner{background:#eef2ff;border:1px solid #e0e7ff;border-radius:1.25rem;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.4rem;display:flex}.help-banner-left{align-items:center;gap:1rem;display:flex}.help-chat-icon-box{color:#fff;background:#6366f1;border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.help-banner-title{color:#0f172a;margin-bottom:.15rem;font-size:1.05rem;font-weight:800}.help-banner-desc{color:#475569;font-size:.8rem;line-height:1.4}.help-banner-btn{color:#4f46e5;white-space:nowrap;background:#fff;border:1px solid #c7d2fe;border-radius:9999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.55rem 1rem;font-size:.825rem;font-weight:700;transition:all .2s;display:inline-flex}.help-banner-btn:hover{color:#fff;background:#4f46e5;border-color:#4f46e5;transform:translateY(-1px)}.contact-features-section{border-top:1px solid #f1f5f9;padding:3rem 0 1rem}.contact-features-grid{grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:relative}.contact-feature-item{text-align:center;flex-direction:column;align-items:center;padding:1rem 1.5rem;display:flex;position:relative}.contact-feature-item:not(:last-child):after{content:"";background-color:#e2e8f0;width:1px;height:70%;position:absolute;top:15%;right:0}.contact-feat-icon-box{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1rem;transition:transform .2s;display:flex}.contact-feature-item:hover .contact-feat-icon-box{transform:scale(1.08)}.feat-icon-purple{color:#4f46e5;background:#eef2ff}.feat-icon-pink{color:#db2777;background:#fce7f3}.feat-icon-green{color:#16a34a;background:#dcfce7}.feat-icon-blue{color:#0284c7;background:#e0f2fe}.contact-feat-title{color:#0f172a;margin-bottom:.35rem;font-size:1rem;font-weight:700}.contact-feat-desc{color:#64748b;font-size:.825rem;line-height:1.45}@media (width<=1024px){.contact-hero-grid{text-align:center;grid-template-columns:1fr;gap:2.5rem}.contact-hero-content{max-width:100%;margin:0 auto}.contact-breadcrumb{justify-content:center}.contact-main-grid{grid-template-columns:1fr;gap:2rem}.contact-features-grid{grid-template-columns:repeat(2,1fr);row-gap:2rem}.contact-feature-item:nth-child(2):after{display:none}}@media (width<=768px){.contact-hero-title{font-size:2.25rem}.contact-hero-tagline{font-size:1.1rem}.contact-form-row{grid-template-columns:1fr;gap:1.25rem}.contact-channels-grid{grid-template-columns:1fr}.contact-help-banner{text-align:center;flex-direction:column}.help-banner-left{flex-direction:column}.contact-features-grid{grid-template-columns:1fr;row-gap:1.75rem}.contact-feature-item:after{display:none!important}.contact-handwriting-note{display:none}}.about-page{color:var(--text-main);background-color:#fff;min-height:100vh;padding-bottom:5rem}.about-hero-section{background:linear-gradient(#f4f7ff 0%,#fff 100%);padding:1.5rem 0 3rem;position:relative;overflow:hidden}.about-breadcrumb{color:#64748b;align-items:center;gap:.5rem;margin-bottom:1.75rem;font-size:.85rem;font-weight:500;display:flex}.about-breadcrumb a{color:#64748b;transition:color .2s}.about-breadcrumb a:hover{color:var(--primary)}.about-breadcrumb-sep{color:#94a3b8;font-size:.8rem}.about-breadcrumb-current{color:#334155;font-weight:600}.about-hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:2.5rem;display:grid}.about-hero-content{max-width:600px}.about-hero-title{color:#0f172a;letter-spacing:-.02em;margin-bottom:.75rem;font-size:3rem;font-weight:800;line-height:1.15}.about-hero-brand{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 60%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.about-hero-tagline{color:#1e293b;margin-bottom:1.25rem;font-size:1.25rem;font-weight:700;line-height:1.35}.about-hero-desc{color:#64748b;margin-bottom:0;font-size:1rem;line-height:1.65}.about-hero-visual-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.about-hero-img-box{z-index:2;width:100%;max-width:440px;position:relative}.about-hero-main-img{object-fit:cover;border-radius:1.5rem;width:100%;height:auto}.handwriting-note{z-index:3;color:#4f46e5;pointer-events:none;font-family:Caveat,cursive;line-height:1.15;position:absolute}.handwriting-left{text-align:center;font-size:1.35rem;font-weight:700;top:15px;left:-20px;transform:rotate(-4deg)}.handwriting-right{text-align:center;font-size:1.35rem;font-weight:700;top:20px;right:-25px;transform:rotate(6deg)}.handwriting-arrow{color:#6366f1;margin-top:-4px;font-size:1.6rem;display:block}.floating-pill{z-index:1;background:#e0e7ffa6;border-radius:9999px;position:absolute;transform:rotate(35deg)}.pill-1{width:60px;height:18px;top:-15px;right:60px}.pill-2{background:#eef2ffb3;width:70px;height:22px;top:30px;left:20px}.floating-sparkle{color:#f59e0b;z-index:3;font-size:1.25rem;animation:3s ease-in-out infinite alternate floatSparkle;position:absolute}.sparkle-1{top:45%;left:-15px}.sparkle-2{color:#fbbf24;top:40%;right:-10px}.about-stats-section{padding:1.5rem 0 3.5rem}.about-stats-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.about-stat-card{border:1px solid #e2e8f0cc;border-radius:1.25rem;align-items:center;gap:1.15rem;padding:1.5rem 1.25rem;transition:transform .2s,box-shadow .2s;display:flex}.about-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0f172a0d}.stat-card-purple{background:#f4f6ff}.stat-card-blue{background:#f0f9ff}.stat-card-green{background:#f0fdf4}.stat-card-amber{background:#fffbeb}.about-stat-icon-box{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.icon-box-purple{color:#4f46e5;background:#eef2ff}.icon-box-blue{color:#0284c7;background:#e0f2fe}.icon-box-green{color:#16a34a;background:#dcfce7}.icon-box-amber{color:#d97706;background:#fef3c7}.about-stat-value{color:#0f172a;font-size:1.75rem;font-weight:800;line-height:1.1;font-family:var(--font-heading)}.about-stat-title{color:#1e293b;margin-top:.15rem;font-size:.925rem;font-weight:700}.about-stat-sub{color:#64748b;margin-top:.1rem;font-size:.8rem}.about-story-section{padding:1.5rem 0 4rem}.about-story-grid{grid-template-columns:.85fr 1.35fr .95fr;align-items:stretch;gap:2rem;display:grid}.about-story-img-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1.5rem;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.about-story-img{object-fit:cover;width:100%;height:100%;min-height:320px;display:block}.story-handwriting{color:#1e293b;text-align:center;z-index:2;font-family:Caveat,cursive;font-size:1.3rem;font-weight:700;line-height:1.15;position:absolute;top:25px;right:15px;transform:rotate(5deg)}.story-handwriting-arrow{color:#4f46e5;margin-top:-2px;font-size:1.4rem;display:block}.story-sparkle{color:#f59e0b;font-size:1.2rem;position:absolute;top:15px;right:100px}.about-story-content{flex-direction:column;justify-content:center;padding:.5rem 0;display:flex}.about-eyebrow{color:#4f46e5;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.6rem;font-size:.825rem;font-weight:800}.about-story-title{color:#0f172a;margin-bottom:1.25rem;font-size:2.15rem;font-weight:800;line-height:1.25}.about-story-p{color:#64748b;margin-bottom:1rem;font-size:.95rem;line-height:1.7}.about-story-p:last-child{margin-bottom:0}.about-cards-stack{flex-direction:column;justify-content:center;gap:1rem;display:flex}.about-mv-card{border:1px solid #e2e8f0cc;border-radius:1.25rem;align-items:flex-start;gap:1rem;padding:1.25rem 1.4rem;transition:transform .2s;display:flex}.about-mv-card:hover{transform:translateY(-2px)}.mv-card-mission{background:#f5f3ff}.mv-card-vision{background:#f0f9ff}.mv-card-values{background:#f0fdf4}.about-mv-icon-box{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-top:.15rem;display:flex}.mv-icon-purple{color:#4f46e5;background:#eef2ff}.mv-icon-blue{color:#0284c7;background:#e0f2fe}.mv-icon-green{color:#16a34a;background:#dcfce7}.about-mv-title{color:#0f172a;margin-bottom:.25rem;font-size:1.05rem;font-weight:700}.about-mv-desc{color:#64748b;font-size:.825rem;line-height:1.5}.about-why-section{text-align:center;border-top:1px solid #f1f5f9;padding:3rem 0 1rem}.about-why-header{margin-bottom:3rem}.about-why-title{color:#0f172a;margin-top:.5rem;font-size:2.25rem;font-weight:800}.about-why-grid{grid-template-columns:repeat(6,1fr);gap:0;display:grid;position:relative}.about-why-item{text-align:center;flex-direction:column;align-items:center;padding:1.25rem 1rem;display:flex;position:relative}.about-why-item:not(:last-child):after{content:"";background-color:#e2e8f0;width:1px;height:70%;position:absolute;top:15%;right:0}.about-why-icon-box{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.15rem;transition:transform .2s;display:flex}.about-why-item:hover .about-why-icon-box{transform:scale(1.08)}.why-icon-purple{color:#4f46e5;background:#eef2ff}.why-icon-pink{color:#db2777;background:#fce7f3}.why-icon-indigo{color:#7c3aed;background:#ede9fe}.why-icon-emerald{color:#10b981;background:#dcfce7}.why-icon-cyan{color:#0284c7;background:#e0f2fe}.why-icon-violet{color:#9333ea;background:#f3e8ff}.about-why-item-title{color:#0f172a;margin-bottom:.45rem;font-size:.95rem;font-weight:700;line-height:1.3}.about-why-item-desc{color:#64748b;font-size:.8rem;line-height:1.45}@media (width<=1024px){.about-hero-grid{text-align:center;grid-template-columns:1fr;gap:2.5rem}.about-hero-content{max-width:100%;margin:0 auto}.about-breadcrumb{justify-content:center}.about-stats-grid{grid-template-columns:repeat(2,1fr)}.about-story-grid{grid-template-columns:1fr}.about-story-img-card{max-width:400px;margin:0 auto}.about-why-grid{grid-template-columns:repeat(3,1fr);row-gap:2rem}.about-why-item:nth-child(3):after{display:none}}@media (width<=768px){.about-hero-title{font-size:2.25rem}.about-hero-tagline{font-size:1.1rem}.about-stats-grid{grid-template-columns:1fr}.about-why-grid{grid-template-columns:repeat(2,1fr);row-gap:2rem}.about-why-item:nth-child(2):after,.about-why-item:nth-child(4):after,.handwriting-left,.handwriting-right{display:none}}@media (width<=480px){.about-why-grid{grid-template-columns:1fr}.about-why-item:after{display:none!important}}.auth-page-wrapper{min-height:100vh;color:var(--text-main);background:linear-gradient(#f4f7ff 0%,#fff 100%);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.auth-top-bar{background:0 0;padding:1.25rem 0 .5rem}.auth-top-bar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.auth-logo-link{align-items:center;display:flex}.auth-logo-img{object-fit:contain;width:160px;height:auto;max-height:42px}.auth-switch-text{color:#64748b;font-size:.925rem;font-weight:500}.auth-switch-link{color:#4f46e5;margin-left:.35rem;font-weight:700;text-decoration:none;transition:color .2s}.auth-switch-link:hover{color:#3730a3;text-decoration:underline}.auth-back-nav-bar{align-items:center;margin-bottom:1rem;display:flex}.auth-back-btn{color:#334155;font-family:var(--font-sans);cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9999px;align-items:center;gap:.45rem;padding:.45rem .95rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0f172a0a}.auth-back-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1;transform:translate(-2px);box-shadow:0 2px 6px #0f172a14}.auth-heading-block{text-align:center;max-width:600px;margin:.35rem auto 1.25rem}.auth-page-title{color:#0f172a;letter-spacing:-.02em;margin-bottom:.35rem;font-size:2.15rem;font-weight:800;line-height:1.2}.auth-brand-word{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 60%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.auth-page-subtitle{color:#64748b;font-size:.95rem;line-height:1.45}.auth-main-layout{grid-template-columns:1fr 1.1fr;align-items:flex-start;gap:2.75rem;margin-bottom:3.5rem;display:grid;position:relative}.auth-main-layout.login-layout{grid-template-columns:1.1fr 1fr}.auth-student-visual-col{justify-content:center;align-items:flex-start;padding-top:.75rem;display:flex;position:relative}.auth-student-img-box{z-index:2;width:100%;max-width:400px;position:relative}.auth-student-photo-img{object-fit:cover;border-radius:1.5rem;width:100%;height:auto;display:block}.auth-handwriting{z-index:3;color:#4f46e5;text-align:center;pointer-events:none;font-family:Caveat,cursive;font-size:1.45rem;font-weight:700;line-height:1.15;position:absolute}.signup-handwriting{top:15px;left:-20px;transform:rotate(-6deg)}.login-handwriting{top:20px;right:-20px;transform:rotate(6deg)}.auth-handwriting-arrow{color:#6366f1;margin-top:-2px;font-size:1.6rem;display:block}.auth-sparkle-star{color:#f59e0b;z-index:3;font-size:1.4rem;position:absolute}.signup-sparkle{top:55px;left:100px}.login-sparkle{top:60px;right:100px}.auth-form-card{z-index:2;background:#fff;border:1px solid #e2e8f0;border-radius:1.5rem;flex-direction:column;padding:2rem 2.25rem;display:flex;position:relative;box-shadow:0 10px 30px #0f172a0f}.auth-role-toggle-bar{background:#f1f5f9;border-radius:9999px;gap:.35rem;margin-bottom:1.25rem;padding:.35rem;display:flex}.auth-role-btn{font-family:var(--font-heading);color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9999px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.925rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.auth-role-btn.active{color:#fff;background:#4f46e5;box-shadow:0 4px 12px #4f46e54d}.auth-role-btn:hover:not(.active){color:#0f172a}.auth-card-title{color:#0f172a;margin-bottom:.25rem;font-size:1.3rem;font-weight:800}.auth-card-subtitle{color:#64748b;margin-bottom:1.25rem;font-size:.85rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-input-group{flex-direction:column;gap:.35rem;display:flex}.auth-label{color:#334155;font-size:.85rem;font-weight:600}.auth-req-star{color:#ef4444}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:#94a3b8;pointer-events:none;position:absolute;left:1rem}.auth-input-field{color:#0f172a;width:100%;font-size:.9rem;font-family:var(--font-sans);background-color:#fff;border:1.5px solid #e2e8f0;border-radius:.85rem;outline:none;padding:.75rem 1rem .75rem 2.75rem;transition:all .2s}.auth-input-field:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.auth-input-field::placeholder{color:#94a3b8}.auth-select-wrapper{align-items:center;display:flex;position:relative}.auth-select-field{appearance:none;cursor:pointer;color:#0f172a;background-color:#fff;font-weight:500;padding-right:2.75rem!important}.auth-select-field:invalid,.auth-select-field option[value=""][disabled]{color:#94a3b8}.auth-select-field option{color:#0f172a;background:#fff;padding:.6rem 1rem;font-size:.9rem;font-weight:500}.auth-select-arrow{color:#64748b;pointer-events:none;transition:transform .2s,color .2s;position:absolute;right:1rem}.auth-select-wrapper:focus-within .auth-select-arrow{color:#4f46e5;transform:rotate(180deg)}.auth-fade-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards authFadeIn}@keyframes authFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mobile-compound-field{background:#fff;border:1.5px solid #e2e8f0;border-radius:.85rem;align-items:stretch;transition:all .2s;display:flex;overflow:hidden}.mobile-compound-field:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.mobile-compound-field.has-error{border-color:#ef4444}.country-flag-badge{-webkit-user-select:none;user-select:none;background:#f8fafc;border-right:1.5px solid #e2e8f0;flex-shrink:0;align-items:center;gap:.4rem;padding:0 .85rem;display:flex}.india-flag-icon{font-size:1.25rem;line-height:1}.country-code-text{color:#334155;font-size:.9rem;font-weight:700;font-family:var(--font-sans)}.mobile-input-inner{flex:1;align-items:center;display:flex;position:relative}.compound-phone-input{width:100%;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding-left:2.75rem!important}.compound-phone-input:focus{box-shadow:none!important;border:none!important}.password-rules-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;margin-top:.4rem;padding:.75rem .9rem}.rules-header{color:#475569;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem;font-size:.75rem;font-weight:700}.rules-grid{grid-template-columns:1fr 1fr;gap:.4rem .75rem;display:grid}.rule-item{color:#94a3b8;align-items:center;gap:.4rem;font-size:.775rem;font-weight:500;transition:color .2s;display:flex}.rule-item.valid{color:#15803d;font-weight:600}.rule-icon-box{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;display:flex}.rule-item.valid .rule-icon-box{color:#16a34a;background:#dcfce7}.rule-item:not(.valid) .rule-icon-box{color:#94a3b8;background:#e2e8f0}.field-error-inline{color:#dc2626;margin-top:.25rem;font-size:.775rem;font-weight:600;display:block}.auth-eye-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:.25rem;transition:color .2s;display:flex;position:absolute;right:1rem}.auth-eye-btn:hover{color:#4f46e5}.auth-forgot-row{justify-content:flex-end;margin-top:-.25rem;display:flex}.auth-forgot-link{color:#4f46e5;font-size:.825rem;font-weight:600;text-decoration:none}.auth-forgot-link:hover{color:#3730a3;text-decoration:underline}.auth-submit-btn{color:#fff;font-size:1rem;font-weight:700;font-family:var(--font-heading);cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border:none;border-radius:.85rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.85rem 1.5rem;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #4f46e54d}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#4338ca 0%,#3730a3 100%);transform:translateY(-1px);box-shadow:0 6px 20px #4f46e573}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-alert-box{border-radius:.75rem;margin-bottom:.75rem;padding:.75rem 1rem;font-size:.85rem}.auth-alert-error{color:#b91c1c;background-color:#fef2f2;border:1px solid #f87171}.auth-alert-success{color:#15803d;background-color:#f0fdf4;border:1px solid #86efac}.auth-bottom-features{background:#fff;border-top:1px solid #e2e8f0;margin-top:auto;padding:2.5rem 0}.auth-features-grid{gap:0;display:grid;position:relative}.auth-features-grid.grid-3-col{grid-template-columns:repeat(3,1fr)}.auth-features-grid.grid-4-col{grid-template-columns:repeat(4,1fr)}.auth-feature-item{text-align:center;flex-direction:column;align-items:center;padding:1rem 1.5rem;display:flex;position:relative}.auth-feature-item:not(:last-child):after{content:"";background-color:#e2e8f0;width:1px;height:70%;position:absolute;top:15%;right:0}.auth-feat-icon-box{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:.9rem;transition:transform .2s;display:flex}.auth-feature-item:hover .auth-feat-icon-box{transform:scale(1.08)}.auth-icon-purple{color:#4f46e5;background:#eef2ff}.auth-icon-green{color:#16a34a;background:#dcfce7}.auth-icon-pink{color:#db2777;background:#fce7f3}.auth-icon-blue{color:#0284c7;background:#e0f2fe}.auth-feat-title{color:#0f172a;margin-bottom:.25rem;font-size:.975rem;font-weight:700}.auth-feat-desc{color:#64748b;font-size:.8125rem;line-height:1.45}@media (width<=1024px){.auth-main-layout,.auth-main-layout.login-layout{grid-template-columns:1fr;gap:2.5rem}.auth-student-visual-col{order:-1}.auth-form-card{width:100%;max-width:550px;margin:0 auto}.auth-features-grid.grid-3-col,.auth-features-grid.grid-4-col{grid-template-columns:repeat(2,1fr);row-gap:2rem}.auth-feature-item:nth-child(2):after{display:none}}@media (width<=768px){.auth-page-title{font-size:2rem}.auth-form-card{padding:1.5rem}.signup-handwriting,.login-handwriting{display:none}.auth-features-grid.grid-3-col,.auth-features-grid.grid-4-col{grid-template-columns:1fr;row-gap:1.5rem}.auth-feature-item:after{display:none!important}}.auth-subjects-container{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.auth-subject-pill{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9999px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-flex}.auth-subject-pill:hover{background:#f1f5f9;border-color:#cbd5e1}.auth-subject-pill.active{color:#4f46e5;background:#eef2ff;border-color:#6366f1;font-weight:600;box-shadow:0 1px 3px #6366f126}.auth-subjects-loading,.auth-subjects-empty{color:#94a3b8;padding:.5rem 0;font-size:.82rem;font-style:italic}.staff-session-container{text-align:center;padding:1.5rem .5rem}.staff-session-badge{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.45rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.staff-info-callout{color:#475569;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:1.25rem 0 1.5rem;padding:1.15rem 1.25rem;font-size:.88rem;line-height:1.55}.staff-info-callout p{margin:0}.staff-action-buttons{flex-direction:column;gap:.85rem;display:flex}.staff-enter-btn{border-radius:var(--radius-pill,9999px);background:var(--primary,#4f46e5);color:#fff;justify-content:center;align-items:center;padding:.85rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 14px #4f46e540}.staff-enter-btn:hover{background:var(--primary-hover,#4338ca);transform:translateY(-1px)}.staff-switch-btn{color:#475569;border-radius:var(--radius-pill,9999px);cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;padding:.85rem 1.5rem;font-weight:600;transition:all .2s}.staff-switch-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.active-staff-switch-banner{border:1px solid #e2e8f0;border-left:4px solid var(--primary,#4f46e5);background:#f8fafc;border-radius:12px;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.15rem;display:flex}.staff-switch-banner-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.staff-banner-badge{color:#1e293b;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;display:inline-flex}.staff-banner-badge strong{color:#4f46e5}.staff-banner-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600;text-decoration:underline;transition:color .2s}.staff-banner-toggle-btn:hover{color:#0f172a}.staff-switch-banner-text{color:#64748b;margin:0;font-size:.82rem;line-height:1.45}.staff-switch-banner-links{align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.staff-switch-banner-link{color:#4f46e5;font-size:.82rem;font-weight:600;text-decoration:none;transition:color .2s}.staff-switch-banner-link:hover{color:#3730a3;text-decoration:underline}@media (width<=1024px){.auth-student-img-box{max-width:320px}.auth-student-photo-img{max-height:260px}}@media (width<=640px){.auth-student-visual-col{display:none}.auth-main-layout,.auth-main-layout.login-layout{gap:1.5rem}.auth-form-card{padding:1.25rem}}.dev-otp-panel{text-align:left;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;flex-direction:column;gap:.625rem;margin:1rem 0 1.25rem;padding:.875rem 1rem;transition:all .2s;display:flex;box-shadow:0 2px 8px #f59e0b14}.dev-otp-panel.is-expired{opacity:.8;background:#f8fafc;border-color:#cbd5e1}.dev-otp-header{justify-content:space-between;align-items:center;display:flex}.dev-otp-badge{text-transform:uppercase;letter-spacing:.05em;color:#92400e;background:#fef3c7;border-radius:6px;align-items:center;gap:.375rem;padding:.2rem .5rem;font-size:.725rem;font-weight:700;display:inline-flex}.dev-otp-status-badge{border-radius:4px;padding:.15rem .45rem;font-size:.725rem;font-weight:600}.dev-otp-status-badge.status-expired{color:#b91c1c;background:#fee2e2}.dev-otp-content{background:#fff;border:1px dashed #f59e0b;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem .875rem;display:flex}.is-expired .dev-otp-content{border-color:#94a3b8}.dev-otp-info{flex-direction:column;display:flex}.dev-otp-label{text-transform:uppercase;letter-spacing:.05em;color:#78716c;font-size:.6875rem;font-weight:600}.dev-otp-value{letter-spacing:.2em;color:#1e293b;font-family:JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.35rem;font-weight:800;line-height:1.2}.dev-otp-value.expired-text{color:#94a3b8;text-decoration:line-through}.dev-otp-actions{align-items:center;gap:.375rem;display:flex}.dev-otp-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:.3rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.dev-otp-btn-copy{color:#334155;background:#f1f5f9;border-color:#e2e8f0}.dev-otp-btn-copy:hover{color:#0f172a;background:#e2e8f0}.dev-otp-btn-copy.copied{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.dev-otp-btn-fill{color:#fff;background:#4f46e5}.dev-otp-btn-fill:hover{background:#4338ca}.dev-otp-btn:disabled{opacity:.5;cursor:not-allowed}.dev-otp-footer{color:#92400e;opacity:.85;margin:0;font-size:.725rem}.rp-page-wrapper{min-height:100vh;font-family:var(--font-sans,"Inter", -apple-system, BlinkMacSystemFont, sans-serif);background:linear-gradient(135deg,#f4f7fe 0%,#fff 50%,#f5f3ff 100%);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.rp-decor-pill{pointer-events:none;z-index:0;border-radius:9999px;position:absolute;transform:rotate(-35deg)}.rp-decor-pill-1{background:linear-gradient(135deg,#eef2ffcc 0%,#e0e7ff66 100%);width:220px;height:52px;top:140px;left:36%}.rp-decor-pill-2{background:linear-gradient(135deg,#faf5ffe6 0%,#f3e8ff80 100%);width:180px;height:48px;top:520px;left:2%}.rp-decor-pill-3{background:linear-gradient(135deg,#e0e7ff66 0%,#eef2ffb3 100%);width:260px;height:60px;top:110px;right:3%}.rp-main-container{z-index:1;flex:1;justify-content:center;align-items:center;width:100%;max-width:1240px;margin:0 auto;padding:2.5rem 1.5rem 3.5rem;display:flex;position:relative}.rp-content-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:3.5rem;width:100%;display:grid}.rp-left-panel{flex-direction:column;display:flex;position:relative}.rp-tagline{letter-spacing:.14em;color:#4f46e5;text-transform:uppercase;margin-bottom:.75rem;font-size:.825rem;font-weight:800}.rp-main-heading{color:#0f172a;letter-spacing:-.02em;margin:0 0 1rem;font-size:2.75rem;font-weight:800;line-height:1.15}.rp-brand-gradient{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 50%,#7c3aed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.rp-left-desc{color:#475569;max-width:440px;margin:0 0 1.5rem;font-size:1.05rem;line-height:1.55}.rp-visual-wrapper{align-items:flex-end;width:100%;max-width:460px;margin:.5rem 0 1.75rem;display:flex;position:relative}.rp-student-img-box{border-radius:1.5rem;width:320px;height:290px;margin-left:auto;margin-right:2rem;position:relative;overflow:hidden}.rp-student-img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.rp-handwritten-badge{z-index:2;pointer-events:none;position:absolute;top:30px;left:.5rem;transform:rotate(-10deg)}.rp-handwritten-lines{color:#4338ca;text-shadow:0 1px 2px #ffffffe6;flex-direction:column;font-family:Caveat,Patrick Hand,Comic Sans MS,cursive,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.05;display:flex}.rp-curved-arrow-svg{width:60px;height:40px;margin-top:-.25rem;margin-left:2rem}.rp-sparkle-star{z-index:2;animation:3s ease-in-out infinite rp-float;position:absolute;top:25px;right:1.5rem}@keyframes rp-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.08)}}.rp-benefits-card{background:#fff;border:1px solid #e2e8f0d9;border-radius:1.25rem;justify-content:space-between;align-items:center;width:100%;max-width:500px;padding:1.15rem 1.25rem;display:flex;box-shadow:0 12px 30px -6px #4f46e512,0 2px 8px #0f172a0a}.rp-benefit-item{flex:1;align-items:center;gap:.75rem;display:flex}.rp-benefit-icon-box{border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:flex}.rp-icon-blue{color:#4f46e5;background:#eef2ff}.rp-icon-green{color:#10b981;background:#ecfdf5}.rp-icon-pink{color:#ec4899;background:#fdf2f8}.rp-benefit-text h4{color:#0f172a;margin:0;font-size:.875rem;font-weight:700;line-height:1.2}.rp-benefit-text p{color:#64748b;margin:.2rem 0 0;font-size:.75rem;line-height:1.35}.rp-benefit-divider{background:#f1f5f9;width:1px;height:38px;margin:0 .85rem}.rp-right-panel{justify-content:center;width:100%;display:flex}.rp-form-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0e6;border-radius:2rem;width:100%;max-width:470px;padding:2.25rem 2.5rem 2.5rem;position:relative;box-shadow:0 24px 50px -12px #0f172a14,0 4px 16px #4f46e50a}.rp-card-header-bar{align-items:center;margin-bottom:.5rem;display:flex}.rp-back-pill-btn{color:#1e293b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:.45rem;padding:.4rem 1.05rem;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.rp-back-pill-btn:hover{color:#0f172a;background:#e2e8f0;transform:translate(-2px)}.rp-center-icon-container{justify-content:center;margin:.25rem 0 1.25rem;display:flex}.rp-icon-circle-lavender{color:#4f46e5;background:#eef2ff;border:1.5px solid #e0e7ff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 8px 20px -4px #4f46e51f}.rp-card-title{color:#0f172a;text-align:center;letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.85rem;font-weight:800}.rp-title-purple{color:#4f46e5}.rp-card-subtitle{color:#64748b;text-align:center;max-width:350px;margin:0 auto 1.75rem;font-size:.925rem;line-height:1.5}.rp-highlight-email{color:#0f172a;font-weight:600}.rp-alert-box{text-align:center;border-radius:.75rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;line-height:1.4}.rp-alert-error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5}.rp-alert-success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.rp-auth-form{flex-direction:column;gap:1.25rem;display:flex}.rp-input-group{text-align:left;flex-direction:column;gap:.45rem;display:flex}.rp-input-label{color:#1e293b;font-size:.875rem;font-weight:700;display:block}.rp-req-star{color:#ef4444}.rp-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.rp-field-icon{color:#64748b;pointer-events:none;position:absolute;left:1rem}.rp-text-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:.75rem;width:100%;height:50px;padding-left:2.75rem;padding-right:1rem;font-family:inherit;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.rp-text-input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 4px #4f46e51f}.rp-text-input::placeholder{color:#94a3b8;font-size:.925rem}.rp-input-invalid .rp-text-input{background:#fff8f8;border-color:#ef4444}.rp-error-message{color:#ef4444;margin-top:.15rem;font-size:.8rem;font-weight:600}.rp-toggle-eye{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;right:.85rem}.rp-toggle-eye:hover{color:#0f172a}.rp-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;height:50px;margin-top:.25rem;font-size:.975rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 14px #4f46e559}.rp-primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#4338ca 0%,#3730a3 100%);transform:translateY(-1px);box-shadow:0 6px 20px #4f46e573}.rp-primary-btn:active:not(:disabled){transform:translateY(0)}.rp-primary-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.rp-btn-block{display:flex}.rp-or-divider{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:1rem;margin:1.5rem 0;font-size:.85rem;font-weight:700;display:flex}.rp-or-divider:before,.rp-or-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.rp-secondary-btn{color:#4f46e5;cursor:pointer;box-sizing:border-box;background:#fff;border:1.5px solid #4f46e5;border-radius:.75rem;justify-content:center;align-items:center;width:100%;height:48px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.rp-secondary-btn:hover{color:#4338ca;background:#eef2ff;border-color:#4338ca}.rp-otp-boxes-wrapper{justify-content:center;gap:.65rem;margin:.5rem 0 1rem;display:flex}.rp-otp-digit-box{color:#0f172a;text-align:center;box-sizing:border-box;background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;outline:none;width:48px;height:54px;font-size:1.5rem;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1)}.rp-otp-digit-box:focus{background:#eef2ff;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51f}.rp-resend-row{text-align:center;margin-bottom:.75rem;font-size:.875rem}.rp-resend-timer{color:#64748b}.rp-resend-timer strong{color:#4f46e5}.rp-resend-active-btn{color:#4f46e5;cursor:pointer;background:0 0;border:none;font-size:.875rem;font-weight:700;text-decoration:underline;transition:color .15s}.rp-resend-active-btn:hover{color:#3730a3}.rp-success-view{text-align:center;padding:1rem 0}.rp-success-icon-box{background:#ecfdf5;border:2px solid #a7f3d0;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.rp-success-check{color:#059669}.rp-spin{animation:1s linear infinite rp-spin}@keyframes rp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1024px){.rp-content-grid{grid-template-columns:1fr 1fr;gap:2rem}.rp-main-heading{font-size:2.25rem}.rp-student-img-box{width:260px;height:240px;margin-right:0}.rp-benefits-card{padding:1rem}}@media (width<=860px){.rp-decor-pill{display:none}.rp-main-container{padding:1.5rem 1rem 2.5rem}.rp-content-grid{grid-template-columns:1fr;gap:2.5rem}.rp-left-panel{text-align:center;align-items:center}.rp-left-desc{max-width:100%}.rp-visual-wrapper{justify-content:center;margin:1rem auto 1.5rem}.rp-student-img-box{margin:0 auto}.rp-benefits-card{max-width:480px}.rp-form-card{max-width:480px;padding:2rem 1.5rem}}@media (width<=480px){.rp-main-heading{font-size:1.85rem}.rp-handwritten-badge{display:none}.rp-benefits-card{flex-direction:column;align-items:stretch;gap:.85rem}.rp-benefit-divider{width:100%;height:1px;margin:0}.rp-otp-digit-box{width:40px;height:48px;font-size:1.25rem}.rp-form-card{border-radius:1.5rem;padding:1.75rem 1.25rem}}.otp-page-wrapper{min-height:100vh;color:var(--text-main);background:linear-gradient(#f4f7ff 0%,#fff 100%);flex-direction:column;padding:1.5rem 0 3.5rem;display:flex;position:relative;overflow-x:hidden}.otp-container{width:100%;max-width:1160px;margin:0 auto;padding:0 1.5rem}.otp-top-bar{margin-bottom:2rem}.otp-logo-link{align-items:center;display:inline-flex}.otp-logo-img{object-fit:contain;width:160px;height:auto;max-height:42px}.otp-main-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:3.5rem;display:grid;position:relative}.otp-promo-panel{flex-direction:column;display:flex;position:relative}.otp-promo-heading{color:#0f172a;letter-spacing:-.02em;margin-bottom:1rem;font-size:2.75rem;font-weight:800;line-height:1.2}.otp-brand-highlight{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 60%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.otp-promo-desc{color:#64748b;max-width:480px;margin-bottom:2rem;font-size:1.05rem;line-height:1.6}.otp-student-stage{justify-content:center;align-items:center;max-width:420px;margin-bottom:2.5rem;display:flex;position:relative}.otp-student-photo{object-fit:cover;z-index:2;border-radius:1.75rem;width:100%;height:auto;position:relative;box-shadow:0 10px 25px #0f172a14}.otp-handwriting{color:#4f46e5;text-align:center;z-index:3;pointer-events:none;font-family:Caveat,cursive;font-size:1.45rem;font-weight:700;line-height:1.15;position:absolute;top:15px;left:-25px;transform:rotate(-6deg)}.otp-handwriting-arrow{color:#6366f1;margin-top:-2px;font-size:1.6rem;display:block}.otp-sparkle-star{color:#f59e0b;z-index:3;font-size:1.4rem;position:absolute}.otp-sparkle-1{top:60px;right:-10px}.otp-sparkle-2{bottom:40px;left:-20px}.otp-bg-pill{z-index:1;background:#e0e7ff99;border-radius:9999px;position:absolute;transform:rotate(35deg)}.pill-top{width:80px;height:24px;top:-30px;right:40px}.pill-mid{background:#eef2ffb3;width:90px;height:26px;top:40%;left:-30px}.otp-benefits-bar{z-index:2;background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;grid-template-columns:repeat(3,1fr);gap:0;padding:1.25rem 1rem;display:grid;position:relative;box-shadow:0 4px 15px #0f172a0a}.otp-benefit-item{text-align:center;flex-direction:column;align-items:center;padding:0 .75rem;display:flex;position:relative}.otp-benefit-item:not(:last-child):after{content:"";background-color:#e2e8f0;width:1px;height:70%;position:absolute;top:15%;right:0}.otp-benefit-icon-box{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.65rem;display:flex}.b-icon-purple{color:#4f46e5;background:#eef2ff}.b-icon-green{color:#10b981;background:#dcfce7}.b-icon-pink{color:#ec4899;background:#fce7f3}.otp-benefit-title{color:#0f172a;margin-bottom:.2rem;font-size:.925rem;font-weight:700}.otp-benefit-desc{color:#64748b;font-size:.775rem;line-height:1.4}.otp-card{z-index:2;background:#fff;border:1px solid #e2e8f0;border-radius:2rem;flex-direction:column;padding:2.75rem 2.5rem;display:flex;position:relative;box-shadow:0 12px 36px #0f172a12}.otp-back-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9999px;align-self:flex-start;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:.45rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.otp-back-btn:hover{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.otp-header-icon-box{color:#4f46e5;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 1.5rem;display:flex}.otp-card-header{text-align:center;margin-bottom:2rem}.otp-card-title{color:#0f172a;margin-bottom:.5rem;font-size:1.85rem;font-weight:800;line-height:1.25}.otp-card-sub{color:#64748b;margin-bottom:.35rem;font-size:.95rem}.otp-phone-display{color:#0f172a;letter-spacing:.5px;font-size:1.15rem;font-weight:800}.otp-inputs-row{justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.otp-digit-input{text-align:center;color:#0f172a;width:52px;height:58px;font-size:1.5rem;font-weight:800;font-family:var(--font-heading);background:#fff;border:1.5px solid #cbd5e1;border-radius:.85rem;outline:none;transition:all .2s;box-shadow:0 2px 6px #00000005}.otp-digit-input:focus{background-color:#fafaff;border-color:#4f46e5;box-shadow:0 0 0 3.5px #4f46e52e}.otp-digit-input.has-value{background-color:#f5f3ff;border-color:#4f46e5}.otp-resend-row{text-align:center;color:#64748b;margin-bottom:1.75rem;font-size:.9rem}.otp-resend-timer{color:#4f46e5;margin-left:.35rem;font-weight:700}.otp-resend-active-btn{color:#4f46e5;cursor:pointer;background:0 0;border:none;margin-left:.35rem;font-size:.9rem;font-weight:700;text-decoration:underline;transition:color .2s}.otp-resend-active-btn:hover{color:#3730a3}.otp-verify-btn{color:#fff;width:100%;font-size:1.05rem;font-weight:700;font-family:var(--font-heading);cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border:none;border-radius:.85rem;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.9rem 1.5rem;transition:all .2s;display:flex;box-shadow:0 4px 14px #4f46e559}.otp-verify-btn:hover:not(:disabled){background:linear-gradient(135deg,#4338ca 0%,#3730a3 100%);transform:translateY(-1px);box-shadow:0 6px 20px #4f46e573}.otp-verify-btn:disabled{opacity:.7;cursor:not-allowed}.otp-or-divider{text-align:center;color:#94a3b8;letter-spacing:.05em;align-items:center;margin-bottom:1.5rem;font-size:.8rem;font-weight:700;display:flex}.otp-or-divider:before,.otp-or-divider:after{content:"";border-bottom:1px solid #e2e8f0;flex:1}.otp-or-divider span{padding:0 1rem}.otp-change-num-btn{color:#4f46e5;width:100%;font-size:.95rem;font-weight:700;font-family:var(--font-heading);cursor:pointer;background:#fff;border:1.5px solid #4f46e5;border-radius:.85rem;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;transition:all .2s;display:flex}.otp-change-num-btn:hover{color:#3730a3;background:#eef2ff;border-color:#3730a3;transform:translateY(-1px)}.otp-alert{text-align:center;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.85rem;font-weight:500;display:flex}.otp-alert-error{color:#b91c1c;background-color:#fef2f2;border:1px solid #f87171}.otp-alert-success{color:#15803d;background-color:#f0fdf4;border:1px solid #86efac}.otp-card-inner-animated{animation:.25s cubic-bezier(.16,1,.3,1) otpCardContentFade}@keyframes otpCardContentFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.otp-inline-form-group{text-align:left;margin-bottom:1.5rem}.otp-form-label{color:#1e293b;margin-bottom:.5rem;font-size:.875rem;font-weight:700;display:block}.otp-phone-input-wrapper{align-items:center;gap:.6rem;display:flex}.otp-country-badge{color:#0f172a;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:.85rem;align-items:center;gap:.4rem;padding:.8rem .95rem;font-size:.95rem;font-weight:700;display:inline-flex}.otp-inline-input{color:#0f172a;background:#fff;border:1.5px solid #cbd5e1;border-radius:.85rem;outline:none;flex:1;width:100%;padding:.8rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.otp-inline-input:focus{background-color:#fafaff;border-color:#4f46e5;box-shadow:0 0 0 3.5px #4f46e526}.otp-inline-input.has-error{background-color:#fef2f2;border-color:#ef4444}.otp-inline-input.has-error:focus{border-color:#dc2626;box-shadow:0 0 0 3.5px #ef444426}.otp-field-error-text{color:#dc2626;margin-top:.4rem;font-size:.8rem;font-weight:600;display:block}.otp-inline-actions{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.otp-cancel-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:.75rem;justify-content:center;align-items:center;padding:.6rem 1rem;font-size:.925rem;font-weight:600;transition:all .2s;display:inline-flex}.otp-cancel-btn:hover{color:#0f172a;background-color:#f1f5f9}@media (width<=1024px){.otp-main-grid{grid-template-columns:1fr;gap:3rem}.otp-promo-panel{text-align:center;align-items:center}.otp-card{width:100%;max-width:520px;margin:0 auto}.otp-handwriting{left:-10px}}@media (width<=640px){.otp-promo-heading{font-size:2.15rem}.otp-card{padding:1.75rem 1.25rem}.otp-digit-input{width:44px;height:52px;font-size:1.3rem}.otp-inputs-row{gap:.45rem}.otp-handwriting{display:none}.otp-benefits-bar{grid-template-columns:1fr;row-gap:1.25rem}.otp-benefit-item:after{display:none!important}}:root{--sidebar-expanded-width:260px;--sidebar-collapsed-width:76px;--sidebar-width:var(--sidebar-expanded-width);--sidebar-transition:.28s cubic-bezier(.4, 0, .2, 1)}.student-app-layout{--sidebar-width:var(--sidebar-expanded-width);color:#0f172a;width:100%;min-height:100vh;font-family:var(--font-sans);box-sizing:border-box;background-color:#f8fafc;display:flex;position:relative;overflow-x:hidden}.student-app-layout.sidebar-collapsed{--sidebar-width:var(--sidebar-collapsed-width)}.mobile-sidebar-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:90;background-color:#0f172a73;position:fixed;inset:0}.student-sidebar{width:260px;width:var(--sidebar-width);z-index:100;box-sizing:border-box;height:100vh;transition:width var(--sidebar-transition), padding var(--sidebar-transition);scrollbar-width:none;-ms-overflow-style:none;background-color:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;padding:1.25rem 1rem 1.25rem 1.25rem;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:visible auto}.student-sidebar.collapsed,.student-app-layout.sidebar-collapsed .student-sidebar{align-items:center;width:76px!important;min-width:76px!important;max-width:76px!important;padding:1.25rem .5rem!important}.sidebar-brand-header{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;min-height:42px;padding:.25rem .35rem 1rem;display:flex}.sidebar-brand-link{align-items:center;display:flex}.sidebar-header-actions{align-items:center;gap:.25rem;display:flex}.sidebar-collapse-toggle-btn{color:#64748b;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .18s;display:flex}.sidebar-collapse-toggle-btn:hover{color:#4f46e5;background-color:#eef2ff;border-color:#c7d2fe}.collapse-arrow-left{transition:transform .2s;transform:rotate(90deg)}.collapse-arrow-right{transition:transform .2s;transform:rotate(-90deg)}.sidebar-brand-collapsed-wrap{flex-direction:column;align-items:center;gap:.65rem;width:100%;display:flex}.sidebar-brand-compact-link{border-radius:8px;justify-content:center;align-items:center;padding:2px;text-decoration:none;transition:transform .2s;display:flex}.sidebar-brand-compact-link:hover .sidebar-brand-symbol{transform:scale(1.06)}.sidebar-brand-symbol{object-fit:contain;width:36px;height:36px;transition:transform .2s cubic-bezier(.16,1,.3,1);display:block}.sidebar-collapse-toggle-btn.collapsed-toggle{width:26px;height:26px}.sidebar-student-card{box-sizing:border-box;align-items:center;gap:.75rem;width:100%;margin-bottom:.75rem;padding:.75rem .65rem;display:flex}.student-sidebar.collapsed .sidebar-student-card{justify-content:center;margin-bottom:.75rem;padding:.5rem 0}.sidebar-avatar-wrap{cursor:pointer;flex-shrink:0;width:44px;height:44px;display:inline-block;position:relative}.student-sidebar.collapsed .sidebar-avatar-wrap{width:40px;height:40px}.sidebar-avatar-img{object-fit:cover;border:2px solid #eef2ff;border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 2px 6px #6366f126}.online-indicator-dot{background-color:#22c55e;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:1px}.sidebar-student-meta{flex-direction:column;min-width:0;display:flex}.sidebar-student-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:700;overflow:hidden}.green-dot{font-size:.65rem;line-height:1}.sidebar-nav-menu{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:.25rem;width:100%;display:flex;overflow:visible auto}.sidebar-nav-link{color:#475569;box-sizing:border-box;border-radius:.75rem;align-items:center;gap:.75rem;padding:.65rem .85rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .18s;display:flex;position:relative}.student-sidebar.collapsed .sidebar-nav-link{justify-content:center;width:48px;height:48px;margin:0 auto;padding:.7rem .5rem}.sidebar-nav-link:hover{color:#0f172a;background-color:#f8fafc}.student-sidebar.collapsed .sidebar-nav-link:hover .sidebar-nav-icon{transform:scale(1.08)}.sidebar-nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-nav-link.active{color:#4f46e5;background-color:#eef2ff;font-weight:700}.sidebar-nav-badge{color:#fff;background-color:#ef4444;border-radius:9999px;padding:.1rem .45rem;font-size:.7rem;font-weight:700;line-height:1.2}.student-sidebar.collapsed .sidebar-nav-badge{border:1.5px solid #fff;padding:.05rem .35rem;font-size:.65rem;position:absolute;top:4px;right:4px}.sidebar-nav-tooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:250;background:#0f172a;border-radius:6px;padding:5px 10px;font-size:.775rem;font-weight:600;transition:opacity .18s,transform .18s;position:absolute;top:50%;left:calc(100% + 14px);transform:translateY(-50%)translate(-6px);box-shadow:0 6px 16px #0f172a33}.sidebar-nav-tooltip:before{content:"";border:5px solid #0000;border-right-color:#0f172a;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.student-sidebar.collapsed .sidebar-nav-link:hover .sidebar-nav-tooltip,.student-sidebar.collapsed .sidebar-referral-collapsed-btn:hover .sidebar-nav-tooltip{opacity:1;transform:translateY(-50%)translate(0)}.sidebar-referral-box{box-sizing:border-box;background:linear-gradient(135deg,#eef2ff 0%,#f5f3ff 100%);border:1px solid #e0e7ff;border-radius:1rem;justify-content:space-between;align-items:center;gap:.5rem;width:100%;margin-top:1.25rem;padding:.85rem .95rem;display:flex;box-shadow:0 4px 12px #6366f10f}.referral-gift-icon-box{background:#fff;border-radius:.65rem;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 2px 6px #6366f11f}.gift-icon{color:#6366f1}.referral-sub-info{color:#64748b;font-size:.7rem;font-weight:500}.sidebar-referral-collapsed-wrap{justify-content:center;width:100%;margin-top:1rem;display:flex}.sidebar-referral-collapsed-btn{background:linear-gradient(135deg,#eef2ff 0%,#f5f3ff 100%);border:1px solid #e0e7ff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 8px #6366f11a}.sidebar-referral-collapsed-btn:hover{background:#eef2ff;border-color:#c7d2fe;transform:scale(1.06)}.student-main-wrapper{margin-left:260px;margin-left:var(--sidebar-width);width:calc(100% - 260px);width:calc(100% - var(--sidebar-width));max-width:calc(100% - 260px);max-width:calc(100% - var(--sidebar-width));min-width:0;min-height:100vh;transition:margin-left var(--sidebar-transition), width var(--sidebar-transition), max-width var(--sidebar-transition);box-sizing:border-box;background-color:#f8fafc;flex-direction:column;flex:1;display:flex;overflow-x:hidden}.student-app-layout.sidebar-collapsed .student-main-wrapper{width:calc(100% - 76px)!important;max-width:calc(100% - 76px)!important;margin-left:76px!important}.student-topbar{z-index:80;box-sizing:border-box;background-color:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;height:68px;padding:0 2rem;display:flex;position:sticky;top:0}.topbar-mobile-menu-btn{color:#475569;cursor:pointer;background:0 0;border:none;padding:.35rem;display:none}.topbar-search-form{align-items:center;width:100%;max-width:440px;display:flex;position:relative}.topbar-search-form .search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:1rem}.topbar-search-input{color:#1e293b;width:100%;height:42px;font-size:.875rem;font-family:var(--font-sans);background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.85rem;padding:0 1rem 0 2.6rem;transition:all .2s}.topbar-search-input:focus{background-color:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11f}.topbar-search-input::placeholder{color:#94a3b8}.topbar-right-controls{align-items:center;gap:1.25rem;display:flex}.topbar-notification-btn{color:#475569;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .2s;display:flex;position:relative}.topbar-notification-btn:hover{color:#4f46e5;background-color:#eef2ff;border-color:#c7d2fe}.topbar-notification-badge{color:#fff;background-color:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.675rem;font-weight:800;display:flex;position:absolute;top:-3px;right:-3px}.topbar-user-dropdown-wrapper{position:relative}.topbar-user-pill-btn{cursor:pointer;background:0 0;border:none;border-radius:9999px;align-items:center;gap:.65rem;padding:.35rem .6rem;transition:background-color .2s;display:flex}.topbar-user-pill-btn:hover{background-color:#f1f5f9}.topbar-user-avatar{object-fit:cover;border:1.5px solid #eef2ff;border-radius:50%;width:36px;height:36px}.topbar-user-name{color:#1e293b;white-space:nowrap;font-size:.9rem;font-weight:700}.chevron-icon{color:#64748b;transition:transform .2s}.chevron-icon.open{transform:rotate(180deg)}.topbar-dropdown-panel{z-index:100;background-color:#fff;border:1px solid #e2e8f0;border-radius:1rem;width:220px;padding:.5rem;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px #0f172a1a}.dropdown-user-header{padding:.65rem .75rem}.dd-name{color:#0f172a;margin:0;font-size:.9rem;font-weight:700}.dd-email{color:#64748b;text-overflow:ellipsis;white-space:nowrap;margin:.15rem 0 0;font-size:.75rem;overflow:hidden}.dropdown-divider{background-color:#f1f5f9;height:1px;margin:.35rem 0}.dropdown-item-link{color:#334155;border-radius:.5rem;align-items:center;gap:.65rem;padding:.6rem .75rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:flex}.dropdown-item-link:hover{color:#0f172a;background-color:#f8fafc}.dropdown-logout-btn{color:#ef4444;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.65rem;width:100%;padding:.6rem .75rem;font-size:.85rem;font-weight:600;transition:background-color .15s;display:flex}.dropdown-logout-btn:hover{background-color:#fef2f2}.student-content-canvas{box-sizing:border-box;background-color:#f8fafc;flex:1;width:100%;padding:1.75rem 2rem 3rem}.dash-loading-wrapper{background-color:#f8fafc;justify-content:center;align-items:center;min-height:100vh;display:flex}.dash-spinner{border:4px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}@media (width<=1024px){.student-sidebar{transition:transform .3s;position:fixed;transform:translate(-100%);width:260px!important;padding:1.25rem 1rem 1.25rem 1.25rem!important}.student-sidebar.sidebar-open{transform:translate(0)}.student-main-wrapper{width:100%!important;max-width:100%!important;margin-left:0!important}.sidebar-collapse-toggle-btn{display:none}.sidebar-close-btn,.topbar-mobile-menu-btn{display:block}.student-topbar{padding:0 1.25rem}.student-content-canvas{padding:1.25rem 1.25rem 2.5rem}}@media (width<=640px){.topbar-search-form,.topbar-user-name{display:none}}.student-dash-container{flex-direction:column;gap:1.5rem;max-width:1360px;margin:0 auto;display:flex}.dash-floating-toast{color:#fff;z-index:200;background-color:#0f172a;border-radius:9999px;align-items:center;gap:.65rem;padding:.85rem 1.35rem;font-size:.9rem;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) slideUpToast;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 25px #0f172a40}.toast-check{color:#22c55e}@keyframes slideUpToast{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dash-row-1-grid{grid-template-columns:1.7fr 1fr;gap:1.5rem;display:grid}.dash-welcome-banner-card{background:linear-gradient(135deg,#e0f2fe 0%,#eef2ff 50%,#f5f3ff 100%);border:1px solid #e0e7ff;border-radius:1.25rem;justify-content:space-between;align-items:center;padding:1.5rem 1.75rem 1.25rem 2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #6366f10d}.welcome-banner-text-col{z-index:2;max-width:55%}.welcome-banner-heading{color:#0f172a;margin:0 0 .5rem;font-size:1.75rem;font-weight:800;line-height:1.25}.welcome-banner-name{color:#4f46e5}.welcome-banner-motto{color:#475569;margin:0;font-size:.875rem;font-weight:500;line-height:1.45}.welcome-banner-art-col{justify-content:flex-end;align-items:flex-end;width:220px;height:140px;display:flex;position:relative}.welcome-banner-doodles{pointer-events:none;align-items:flex-start;gap:.35rem;display:flex;position:absolute;top:0;left:0}.doodle-text{font-family:"Caveat", cursive, var(--font-sans);color:#4f46e5;text-align:right;font-size:.85rem;font-weight:700;line-height:1.1;transform:rotate(-5deg)}.doodle-arrow{color:#3b82f6;font-size:1.1rem;font-weight:700}.welcome-banner-img{object-fit:contain;filter:drop-shadow(0 8px 16px #6366f126);border-radius:1rem;width:auto;height:140px}.dash-trial-card{color:#fff;background:linear-gradient(135deg,#4338ca 0%,#4f46e5 50%,#6366f1 100%);border-radius:1.25rem;flex-direction:column;justify-content:space-between;padding:1.4rem 1.6rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #4f46e540}.dash-trial-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff26 0%,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;top:-50px;right:-50px}.trial-header-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.trial-card-title{color:#fff;margin:0 0 .35rem;font-size:1.15rem;font-weight:800}.trial-card-desc{color:#ffffffd1;margin:0;font-size:.825rem;line-height:1.35}.trial-circular-meter{flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;display:flex;position:relative}.circular-meter-svg{width:76px;height:76px;transform:rotate(-90deg)}.meter-bg-circle{fill:none;stroke:#fff3;stroke-width:6px}.meter-fill-circle{fill:none;stroke:#38bdf8;stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset .5s}.meter-inner-text{flex-direction:column;justify-content:center;align-items:center;line-height:1.1;display:flex;position:absolute}.meter-big-num{color:#fff;font-size:1.35rem;font-weight:800}.meter-sub-lbl{color:#ffffffd9;text-transform:uppercase;letter-spacing:.02em;font-size:.625rem;font-weight:600}.trial-bottom-row{border-top:1px solid #ffffff26;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;padding-top:.85rem;display:flex}.trial-expiry-text{color:#ffffffe6;align-items:center;gap:.4rem;font-size:.775rem;font-weight:500;display:inline-flex}.trial-upgrade-btn{color:#fff;white-space:nowrap;background-color:#312e81;border:1px solid #fff3;border-radius:9999px;padding:.5rem 1rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .2s}.trial-upgrade-btn:hover{background-color:#1e1b4b;transform:translate(2px)}.dash-metrics-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.metric-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:1.15rem;align-items:center;gap:1rem;padding:1.15rem 1.25rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0f172a0a}.metric-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f172a14}.metric-icon-box{border-radius:.85rem;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.box-green{color:#16a34a;background-color:#dcfce7}.box-pink{color:#db2777;background-color:#fce7f3}.box-yellow{color:#d97706;background-color:#fef3c7}.metric-data-wrap{flex-direction:column;display:flex}.metric-label{color:#64748b;margin-bottom:.2rem;font-size:.8rem;font-weight:600}.metric-value{color:#0f172a;font-size:1.35rem;font-weight:800;line-height:1.1}.dash-section-panel{background-color:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;flex-direction:column;padding:1.35rem 1.5rem;display:flex;box-shadow:0 2px 8px #0f172a0a}.dash-panel-header{justify-content:space-between;align-items:center;margin-bottom:1.15rem;display:flex}.dash-panel-title{color:#0f172a;margin:0;font-size:1.1rem;font-weight:800}.dash-view-all-link{color:#4f46e5;font-size:.825rem;font-weight:700;text-decoration:none;transition:color .15s}.dash-view-all-link:hover{color:#3730a3;text-decoration:underline}.dash-row-3-split{grid-template-columns:1.7fr 1fr;gap:1.5rem;display:grid}.continue-courses-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.continue-course-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:1rem;flex-direction:column;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 1px 4px #0f172a0a}.continue-course-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 8px 18px #0f172a14}.course-thumb-wrap{background-color:#0f172a;width:100%;height:105px;position:relative;overflow:hidden}.course-thumb-img{object-fit:cover;opacity:.92;width:100%;height:100%;transition:transform .3s}.continue-course-card:hover .course-thumb-img{transform:scale(1.05)}.course-grade-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172abf;border-radius:.35rem;padding:.15rem .45rem;font-size:.65rem;font-weight:700;position:absolute;top:8px;right:8px}.course-play-overlay{background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0003}.play-icon{color:#4f46e5;margin-left:2px}.course-card-body{flex-direction:column;flex:1;padding:.85rem;display:flex}.course-subject-title{color:#0f172a;margin:0 0 .15rem;font-size:.875rem;font-weight:700}.course-topic-subtitle{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .75rem;font-size:.75rem;overflow:hidden}.course-progress-row{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.course-prog-bar-bg{background-color:#f1f5f9;border-radius:9999px;flex:1;height:6px;overflow:hidden}.course-prog-bar-fill{border-radius:9999px;height:100%}.fill-blue{background:linear-gradient(90deg,#3b82f6,#6366f1)}.fill-green{background:linear-gradient(90deg,#10b981,#059669)}.course-prog-pct{color:#475569;font-size:.7rem;font-weight:700}.course-continue-btn{text-align:center;color:#4f46e5;background-color:#eef2ff;border-radius:.5rem;margin-top:auto;padding:.45rem 0;font-size:.775rem;font-weight:700;text-decoration:none;transition:all .15s;display:block}.course-continue-btn:hover{color:#fff;background-color:#4f46e5}.live-class-item{background-color:#fff;border:1px solid #f1f5f9;border-radius:.95rem;align-items:center;gap:.85rem;padding:.75rem .85rem;transition:all .2s;display:flex}.live-class-item:hover{border-color:#e2e8f0;box-shadow:0 4px 12px #0f172a0d}.live-item-icon-box{border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.icon-purple{color:#6366f1;background-color:#eef2ff}.icon-green{color:#16a34a;background-color:#dcfce7}.icon-yellow{color:#d97706;background-color:#fef3c7}.icon-pink{color:#db2777;background-color:#fce7f3}.icon-blue{color:#0284c7;background-color:#e0f2fe}.live-item-content{flex:1;min-width:0}.live-badge-row{margin-bottom:.15rem}.live-soon-pill{color:#ef4444;text-transform:uppercase;letter-spacing:.02em;background-color:#fee2e2;border-radius:9999px;padding:.1rem .45rem;font-size:.65rem;font-weight:800;display:inline-block}.live-item-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .2rem;font-size:.85rem;font-weight:700;overflow:hidden}.live-item-timing{color:#64748b;align-items:center;gap:.35rem;font-size:.725rem;font-weight:500;display:inline-flex}.live-btn-primary{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:9999px;flex-shrink:0;padding:.45rem 1rem;font-size:.775rem;font-weight:700;transition:all .2s;box-shadow:0 2px 6px #4f46e540}.live-btn-primary:hover{background-color:#3730a3;transform:scale(1.05)}.live-btn-outline{color:#475569;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;flex-shrink:0;padding:.45rem .85rem;font-size:.775rem;font-weight:600;transition:all .2s}.live-btn-outline:hover{color:#4f46e5;background-color:#eef2ff;border-color:#c7d2fe}.dash-row-4-triple{grid-template-columns:1.15fr 1.15fr .9fr;gap:1.5rem;display:grid}.recent-tests-stack{flex-direction:column;gap:.75rem;display:flex}.recent-test-row{background-color:#fff;border:1px solid #f1f5f9;border-radius:.95rem;align-items:center;gap:.85rem;padding:.75rem .85rem;transition:all .15s;display:flex}.recent-test-row:hover{border-color:#e2e8f0;box-shadow:0 2px 8px #0f172a0a}.test-icon-box{border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.test-meta-info{flex:1;min-width:0}.test-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .15rem;font-size:.85rem;font-weight:700;overflow:hidden}.test-date-questions{color:#64748b;font-size:.725rem;font-weight:500}.test-score-badge{color:#15803d;background-color:#dcfce7;border-radius:.5rem;flex-shrink:0;padding:.25rem .6rem;font-size:.775rem;font-weight:800}.progress-split-content{flex:1;align-items:center;gap:1.5rem;display:flex}.progress-donut-wrap{flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative}.progress-donut-svg{width:90px;height:90px;transform:rotate(-90deg)}.donut-bg-circle{fill:none;stroke:#f1f5f9;stroke-width:8px}.donut-fill-circle{fill:none;stroke:#4f46e5;stroke-width:8px;stroke-linecap:round}.donut-center-info{text-align:center;flex-direction:column;justify-content:center;align-items:center;line-height:1.1;display:flex;position:absolute}.donut-pct{color:#0f172a;font-size:1.25rem;font-weight:800}.donut-sub{color:#64748b;text-transform:uppercase;max-width:50px;font-size:.55rem;font-weight:600}.subject-progress-bars{flex-direction:column;flex:1;gap:.65rem;display:flex}.subj-prog-item{flex-direction:column;gap:.2rem;display:flex}.subj-header{justify-content:space-between;align-items:center;font-size:.775rem;display:flex}.subj-name{color:#334155;align-items:center;gap:.45rem;font-weight:600;display:flex}.subj-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dot-purple{background-color:#6366f1}.dot-blue{background-color:#3b82f6}.dot-orange{background-color:#f59e0b}.dot-green{background-color:#10b981}.subj-val{color:#475569;font-weight:700}.subj-bar-bg{background-color:#f1f5f9;border-radius:9999px;width:100%;height:5px;overflow:hidden}.subj-bar-fill{border-radius:9999px;height:100%}.bar-purple{background-color:#6366f1}.bar-blue{background-color:#3b82f6}.bar-orange{background-color:#f59e0b}.bar-green{background-color:#10b981}.quick-actions-2x2-grid{flex:1;grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.quick-action-tile{text-align:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:.95rem .5rem;text-decoration:none;transition:all .2s;display:flex}.quick-action-tile:hover{background-color:#fff;border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 12px #6366f11a}.qa-icon-wrap{border-radius:.75rem;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.qa-pink{color:#ec4899;background-color:#fce7f3}.qa-blue{color:#0284c7;background-color:#e0f2fe}.qa-green{color:#10b981;background-color:#dcfce7}.qa-purple{color:#8b5cf6;background-color:#f5f3ff}.qa-tile-label{color:#1e293b;font-size:.75rem;font-weight:700;line-height:1.25}@media (width<=1200px){.dash-row-1-grid,.dash-row-3-split{grid-template-columns:1fr}.continue-courses-grid{grid-template-columns:repeat(2,1fr)}.dash-row-4-triple{grid-template-columns:1fr}}@media (width<=768px){.dash-metrics-grid{grid-template-columns:repeat(2,1fr)}.welcome-banner-art-col{display:none}.welcome-banner-text-col{max-width:100%}.continue-courses-grid{grid-template-columns:1fr}.progress-split-content{flex-direction:column;align-items:flex-start}}@media (width<=480px){.dash-metrics-grid{grid-template-columns:1fr}}.dash-empty-state{text-align:center;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:1rem;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:180px;margin:.25rem 0;padding:2rem 1.25rem;display:flex}.empty-state-icon-wrap{border-radius:1rem;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:.75rem;display:flex}.empty-state-action-btn{color:#fff;background-color:#4f46e5;border-radius:9999px;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.775rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #4f46e540}.empty-state-action-btn:hover{background-color:#3730a3;transform:translateY(-1px)}.progress-empty-hint{color:#64748b;text-align:center;padding:1rem .5rem;font-size:.8rem;line-height:1.4}.mc-page-container{width:100%;max-width:1360px;font-family:var(--font-sans,"Inter", -apple-system, BlinkMacSystemFont, sans-serif);flex-direction:column;gap:1.5rem;margin:0 auto;display:flex}.mc-toast-box{color:#fff;z-index:300;background-color:#0f172a;border-radius:9999px;align-items:center;gap:.65rem;padding:.85rem 1.35rem;font-size:.9rem;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) mcSlideUpToast;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 25px #0f172a40}.mc-toast-icon{color:#22c55e}@keyframes mcSlideUpToast{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mc-header-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.25rem;display:flex}.mc-header-left{flex-direction:column;gap:.25rem;display:flex}.mc-page-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:2.15rem;font-weight:800}.mc-title-purple{color:#4f46e5}.mc-page-subtitle{color:#64748b;margin:0;font-size:.95rem}.mc-explore-btn{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-size:.925rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #4f46e559}.mc-explore-btn:hover{background:linear-gradient(135deg,#4338ca 0%,#3730a3 100%);transform:translateY(-1px);box-shadow:0 6px 20px #4f46e573}.mc-toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:.5rem;display:flex}.mc-status-tabs{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.mc-tab-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;padding:.55rem 1.15rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.mc-tab-btn:hover:not(.active){background:#f8fafc;border-color:#cbd5e1}.mc-tab-btn.active{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e540}.mc-search-filter-wrap{align-items:center;gap:.65rem;display:flex}.mc-search-box{align-items:center;width:240px;display:flex;position:relative}.mc-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:.85rem}.mc-search-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:.65rem;width:100%;height:40px;padding-left:2.35rem;padding-right:2rem;font-size:.875rem;transition:all .2s}.mc-search-input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51f}.mc-search-input::placeholder{color:#94a3b8}.mc-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.2rem;display:flex;position:absolute;right:.65rem}.mc-search-clear:hover{color:#0f172a}.mc-filter-icon-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.65rem;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.mc-filter-icon-btn:hover{color:#4f46e5;background:#f8fafc;border-color:#cbd5e1}.mc-main-grid{grid-template-columns:1fr 340px;align-items:start;gap:1.75rem;display:grid}.mc-courses-col{flex-direction:column;gap:2rem;display:flex}.mc-section-block{flex-direction:column;gap:1rem;display:flex}.mc-section-header{flex-direction:column;gap:.2rem;display:flex}.mc-section-title{color:#0f172a;margin:0;font-size:1.25rem;font-weight:800}.mc-section-subtitle{color:#64748b;margin:0;font-size:.875rem}.mc-cards-stack{flex-direction:column;gap:1.15rem;display:flex}.mc-course-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;grid-template-columns:165px 1fr 170px;align-items:center;gap:1.25rem;padding:1.15rem 1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:grid;position:relative;box-shadow:0 4px 16px #0f172a08}.mc-course-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 10px 25px -4px #4f46e514}.mc-card-thumb-wrap{background:#0f172a;border-radius:.75rem;flex-shrink:0;width:165px;height:108px;position:relative;overflow:hidden}.mc-card-thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.mc-course-card:hover .mc-card-thumb-img{transform:scale(1.04)}.mc-grade-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:2;background:#0f172ad9;border-radius:.375rem;padding:.2rem .55rem;font-size:.7rem;font-weight:700;position:absolute;top:.45rem;right:.45rem}.mc-play-overlay-btn{cursor:pointer;z-index:2;background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000040}.mc-play-overlay-btn:hover{background:#fff;transform:translate(-50%,-50%)scale(1.1)}.mc-play-icon{margin-left:2px}.mc-card-info-col{flex-direction:column;gap:.35rem;min-width:0;display:flex}.mc-course-title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800;line-height:1.25}.mc-course-subtitle{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;overflow:hidden}.mc-meta-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.25rem;display:flex}.mc-meta-item{color:#64748b;align-items:center;gap:.35rem;font-size:.8rem;font-weight:500;display:flex}.mc-meta-icon{color:#4f46e5}.mc-progress-row{align-items:center;gap:.85rem;margin-top:.4rem;display:flex}.mc-prog-bar-bg{background:#eef2ff;border-radius:9999px;flex:1;height:7px;overflow:hidden}.mc-prog-bar-fill{border-radius:9999px;height:100%;transition:width .4s}.mc-prog-bar-fill.fill-blue{background:linear-gradient(90deg,#3b82f6 0%,#4f46e5 100%)}.mc-prog-bar-fill.fill-green{background:linear-gradient(90deg,#10b981 0%,#059669 100%)}.mc-prog-percent{color:#0f172a;text-align:right;min-width:32px;font-size:.825rem;font-weight:700}.text-green{color:#059669}.mc-card-action-col{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:relative}.mc-menu-wrapper{position:absolute;top:-.35rem;right:-.25rem}.mc-more-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.35rem;transition:all .15s;display:flex}.mc-more-btn:hover{color:#0f172a;background:#f1f5f9}.mc-dropdown-menu{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;flex-direction:column;min-width:140px;padding:.35rem;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 25px #0000001a}.mc-menu-item{color:#1e293b;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.5rem .75rem;font-size:.825rem;font-weight:500;text-decoration:none;transition:background .15s}.mc-menu-item:hover{color:#4f46e5;background:#f1f5f9}.mc-continue-btn{color:#fff;cursor:pointer;box-sizing:border-box;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border:none;border-radius:.65rem;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:1rem;padding:.65rem 1.15rem;font-size:.875rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 3px 10px #4f46e54d}.mc-continue-btn:hover{background:linear-gradient(135deg,#4338ca 0%,#3730a3 100%);transform:translateY(-1px);box-shadow:0 5px 15px #4f46e566}.mc-cert-btn{color:#4f46e5;cursor:pointer;box-sizing:border-box;background:#fff;border:1.5px solid #4f46e5;border-radius:.65rem;justify-content:center;align-items:center;width:100%;margin-top:1rem;padding:.6rem 1.15rem;font-size:.875rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.mc-cert-btn:hover{color:#4338ca;background:#eef2ff;border-color:#4338ca}.mc-last-watched-wrap{text-align:right;flex-direction:column;align-items:flex-end;gap:.1rem;margin-top:.1rem;display:flex}.mc-last-watched-label{color:#94a3b8;font-size:.725rem}.mc-last-watched-val{color:#475569;font-size:.775rem;font-weight:600}.mc-empty-state-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 2rem;display:flex}.mc-empty-icon-circle{color:#4f46e5;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:.5rem;display:flex}.mc-empty-state-card h3{color:#0f172a;margin:0;font-size:1.25rem;font-weight:800}.mc-empty-state-card p{color:#64748b;max-width:360px;margin:0;font-size:.9rem}.mc-empty-action-btn{color:#fff;background:#4f46e5;border-radius:.65rem;margin-top:.75rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:700;text-decoration:none}.mc-overview-col{flex-direction:column;gap:1.25rem;display:flex}.mc-sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.15rem;padding:1.35rem 1.4rem;box-shadow:0 4px 16px #0f172a08}.mc-sidecard-title{color:#0f172a;margin:0 0 1.15rem;font-size:1.05rem;font-weight:800}.mc-overall-progress-body{justify-content:space-between;align-items:center;gap:1rem;display:flex}.mc-progress-ring-box{flex-shrink:0;justify-content:center;align-items:center;width:105px;height:105px;display:flex;position:relative}.mc-progress-ring-svg{transform:rotate(-90deg)}.mc-ring-bg{fill:none;stroke:#eef2ff;stroke-width:10px}.mc-ring-fill{fill:none;stroke:#4f46e5;stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset .8s}.mc-ring-center-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.mc-ring-number{color:#0f172a;font-size:1.4rem;font-weight:800;line-height:1}.mc-ring-sub{color:#94a3b8;max-width:60px;margin-top:.2rem;font-size:.65rem;font-weight:600;line-height:1.15}.mc-ring-legend{flex-direction:column;flex:1;gap:.65rem;display:flex}.mc-legend-item{justify-content:space-between;align-items:center;font-size:.825rem;display:flex}.mc-legend-left{align-items:center;gap:.45rem;display:flex}.mc-dot{border-radius:50%;width:8px;height:8px}.dot-green{background:#10b981}.dot-gray{background:#94a3b8}.mc-legend-name{color:#475569;font-weight:500}.mc-legend-count{color:#0f172a;font-weight:700}.mc-stats-grid-2x2{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.mc-stat-tile{background:#f8fafc;border:1px solid #f1f5f9;border-radius:.85rem;flex-direction:column;gap:.5rem;padding:.85rem;display:flex}.mc-stat-icon-wrap{border-radius:.65rem;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stat-icon-green{color:#10b981;background:#ecfdf5}.stat-icon-purple{color:#8b5cf6;background:#f5f3ff}.stat-icon-blue{color:#3b82f6;background:#eff6ff}.stat-icon-yellow{color:#f59e0b;background:#fffbeb}.mc-stat-text{flex-direction:column;gap:.15rem;display:flex}.mc-stat-val{color:#0f172a;font-size:1.15rem;font-weight:800;line-height:1.15}.mc-stat-lbl{color:#64748b;font-size:.725rem;font-weight:500;line-height:1.2}.mc-quick-actions-list{flex-direction:column;gap:.65rem;display:flex}.mc-quick-action-item{background:#fff;border:1px solid #f1f5f9;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.mc-quick-action-item:hover{background:#f8fafc;border-color:#e2e8f0;transform:translate(2px)}.mc-qa-icon{border-radius:.65rem;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;display:flex}.mc-qa-text{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.mc-qa-title{color:#0f172a;font-size:.85rem;font-weight:700}.mc-qa-desc{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.725rem;overflow:hidden}.mc-qa-arrow{color:#94a3b8;flex-shrink:0}.mc-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;background:#0f172a99;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.mc-cert-modal{background:#fff;border:2px solid #e0e7ff;border-radius:1.5rem;width:100%;max-width:560px;padding:2.5rem;position:relative;box-shadow:0 25px 60px #0003}.mc-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.mc-modal-close:hover{color:#0f172a;background:#e2e8f0}.mc-cert-preview-card{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.mc-cert-award-icon{color:#f59e0b}.mc-cert-badge-tag{letter-spacing:.1em;color:#4f46e5;font-size:.75rem;font-weight:800}.mc-cert-preview-card h2{color:#0f172a;margin:0;font-size:1.65rem;font-weight:800}.mc-cert-recipient{color:#64748b;margin:0;font-size:.9rem}.mc-cert-student-name{color:#4f46e5;margin:.25rem 0;font-size:1.35rem;font-weight:800}.mc-cert-body{color:#475569;margin:0 0 1rem;font-size:.875rem;line-height:1.5}.mc-cert-footer{flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.mc-cert-id{color:#94a3b8;font-family:monospace;font-size:.75rem}.mc-cert-download-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:.75rem;width:100%;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #4f46e54d}.mc-cert-download-btn:hover{background:#4338ca}@media (width<=1180px){.mc-main-grid{grid-template-columns:1fr}.mc-overview-col{grid-template-columns:1fr 1fr;display:grid}.mc-sidebar-card:last-child{grid-column:span 2}}@media (width<=860px){.mc-header-row{flex-direction:column;align-items:flex-start;gap:.75rem}.mc-toolbar-row{flex-direction:column;align-items:stretch}.mc-search-filter-wrap,.mc-search-box{width:100%}.mc-overview-col{grid-template-columns:1fr}.mc-sidebar-card:last-child{grid-column:span 1}.mc-course-card{grid-template-rows:auto auto;grid-template-columns:140px 1fr}.mc-card-action-col{border-top:1px solid #f1f5f9;flex-direction:row;grid-column:span 2;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.75rem}.mc-continue-btn,.mc-cert-btn{width:auto;margin-top:0}}@media (width<=580px){.mc-course-card{grid-template-columns:1fr}.mc-card-thumb-wrap{width:100%;height:160px}.mc-card-action-col{flex-direction:column;grid-column:span 1;align-items:stretch}.mc-continue-btn,.mc-cert-btn{width:100%}.mc-last-watched-wrap{text-align:center;align-items:center}.mc-status-tabs{flex-wrap:nowrap;padding-bottom:.35rem;overflow-x:auto}}.lc-page-container{width:100%;max-width:1360px;font-family:var(--font-sans,"Inter", -apple-system, BlinkMacSystemFont, sans-serif);flex-direction:column;gap:1.5rem;margin:0 auto;display:flex}.lc-toast-box{color:#fff;z-index:300;background-color:#0f172a;border-radius:9999px;align-items:center;gap:.65rem;padding:.85rem 1.35rem;font-size:.9rem;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) lcSlideUpToast;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 25px #0f172a40}.lc-toast-icon{color:#22c55e}@keyframes lcSlideUpToast{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lc-header-block{flex-direction:column;gap:.25rem;display:flex}.lc-page-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:2.15rem;font-weight:800}.lc-title-purple{color:#4f46e5}.lc-page-subtitle{color:#64748b;margin:0;font-size:.95rem}.lc-hero-banner-card{background:linear-gradient(135deg,#e0f2fe 0%,#eef2ff 50%,#f5f3ff 100%);border:1px solid #e0e7ff;border-radius:1.25rem;justify-content:space-between;align-items:center;gap:2rem;padding:1.25rem 1.75rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #6366f10d}.lc-hero-art-col{flex:1;align-items:center;gap:1.5rem;display:flex;position:relative}.lc-hero-mascot-img{object-fit:contain;border-radius:1rem;width:auto;height:110px;box-shadow:0 8px 20px #4f46e526}.lc-hero-doodle-box{align-items:center;gap:.5rem;display:flex}.lc-hero-doodle-text{color:#4338ca;font-family:Caveat,Comic Sans MS,cursive,sans-serif;font-size:1.35rem;font-weight:700;line-height:1.1;display:inline-block}.lc-hero-doodle-icon{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 8px #6366f133}.lc-hero-live-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;flex-direction:column;gap:.5rem;max-width:280px;padding:1rem 1.35rem;display:flex;box-shadow:0 4px 16px #0f172a0a}.lc-live-badge-row{align-items:center;display:flex}.lc-badge-live-now{color:#dc2626;letter-spacing:.05em;background:#fef2f2;border:1px solid #fca5a5;border-radius:9999px;align-items:center;gap:.4rem;padding:.2rem .6rem;font-size:.725rem;font-weight:800;display:inline-flex}.lc-pulse-dot{background-color:#ef4444;border-radius:50%;width:7px;height:7px;animation:1.5s infinite lcPulse}@keyframes lcPulse{0%{transform:scale(.9);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.9);box-shadow:0 0 #ef444400}}.lc-hero-live-desc{color:#475569;margin:0;font-size:.825rem;line-height:1.35}.lc-hero-join-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border:none;border-radius:.65rem;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1.15rem;font-size:.875rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 3px 10px #4f46e54d}.lc-hero-join-btn:hover{background:linear-gradient(135deg,#4338ca 0%,#3730a3 100%);transform:translateY(-1px);box-shadow:0 5px 15px #4f46e566}.lc-toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;display:flex}.lc-status-tabs{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.lc-tab-pill{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;padding:.55rem 1.15rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.lc-tab-pill:hover:not(.active){background:#f8fafc;border-color:#cbd5e1}.lc-tab-pill.active{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e540}.lc-search-filter-wrap{align-items:center;gap:.65rem;display:flex}.lc-search-box{align-items:center;width:240px;display:flex;position:relative}.lc-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:.85rem}.lc-search-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:.65rem;width:100%;height:40px;padding-left:2.35rem;padding-right:2rem;font-size:.875rem;transition:all .2s}.lc-search-input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51f}.lc-search-input::placeholder{color:#94a3b8}.lc-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.2rem;display:flex;position:absolute;right:.65rem}.lc-filter-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.65rem;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.lc-filter-btn:hover{color:#4f46e5;background:#f8fafc;border-color:#cbd5e1}.lc-main-grid{grid-template-columns:1fr 340px;align-items:start;gap:1.75rem;display:grid}.lc-left-content-col{flex-direction:column;gap:2rem;display:flex}.lc-section-box{flex-direction:column;gap:1rem;display:flex}.lc-section-header-row{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.lc-sec-titles{flex-direction:column;gap:.2rem;display:flex}.lc-section-title{color:#0f172a;margin:0;font-size:1.25rem;font-weight:800}.lc-section-subtitle{color:#64748b;margin:0;font-size:.875rem}.lc-view-all-link{color:#4f46e5;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:.875rem;font-weight:700;text-decoration:none}.lc-view-all-link:hover{color:#3730a3}.lc-cards-stack{flex-direction:column;gap:1.15rem;display:flex}.lc-class-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;grid-template-columns:165px 1fr 170px;align-items:center;gap:1.25rem;padding:1.15rem 1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:grid;box-shadow:0 4px 16px #0f172a08}.lc-class-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 10px 25px -4px #4f46e514}.lc-class-card.card-is-live{background:#fcfdff;border-color:#c7d2fe}.lc-card-thumb-wrap{background:#0f172a;border-radius:.75rem;flex-shrink:0;width:165px;height:108px;position:relative;overflow:hidden}.lc-thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.lc-class-card:hover .lc-thumb-img{transform:scale(1.04)}.lc-thumb-badge-live{color:#fff;z-index:2;background:#dc2626;border-radius:9999px;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.675rem;font-weight:800;display:flex;position:absolute;top:.45rem;left:.45rem}.lc-thumb-badge-live .lc-pulse-dot{background-color:#fff}.lc-thumb-grade-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:2;background:#0f172ad9;border-radius:.375rem;padding:.2rem .55rem;font-size:.7rem;font-weight:700;position:absolute;top:.45rem;right:.45rem}.lc-thumb-play-overlay{z-index:2;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0003}.lc-thumb-play-overlay svg{margin-left:2px}.lc-card-info-wrap{flex-direction:column;gap:.35rem;min-width:0;display:flex}.lc-class-title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800;line-height:1.25}.lc-class-topic{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;overflow:hidden}.lc-meta-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.2rem;display:flex}.lc-meta-item{color:#64748b;align-items:center;gap:.35rem;font-size:.8rem;font-weight:500;display:flex}.lc-meta-icon{color:#4f46e5}.lc-teacher-badge{color:#1e293b;align-items:center;gap:.45rem;margin-top:.35rem;font-size:.825rem;font-weight:600;display:flex}.lc-teacher-avatar{object-fit:cover;border:1px solid #e2e8f0;border-radius:50%;width:20px;height:20px}.lc-card-action-wrap{text-align:right;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.lc-join-now-btn{color:#fff;cursor:pointer;box-sizing:border-box;background:#10b981;border:none;border-radius:.65rem;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.65rem 1.25rem;font-size:.875rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #10b98159}.lc-join-now-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 6px 16px #10b98173}.lc-live-status-indicator{color:#059669;align-items:center;gap:.4rem;font-size:.775rem;font-weight:600;display:flex}.lc-dot-green{background-color:#10b981;border-radius:50%;width:7px;height:7px}.lc-dot-blue{background-color:#3b82f6;border-radius:50%;width:7px;height:7px}.lc-reminder-btn{color:#4f46e5;cursor:pointer;box-sizing:border-box;background:#fff;border:1.5px solid #4f46e5;border-radius:.65rem;justify-content:center;align-items:center;gap:.45rem;width:100%;padding:.6rem 1.15rem;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.lc-reminder-btn:hover{color:#4338ca;background:#eef2ff;border-color:#4338ca}.lc-reminder-btn.active{color:#4f46e5;background:#eef2ff;border-color:#4f46e5}.lc-starts-time-tag{color:#64748b;align-items:center;gap:.35rem;font-size:.775rem;font-weight:500;display:flex}.lc-completed-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.lc-completed-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.85rem;flex-direction:column;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 4px 12px #0f172a08}.lc-completed-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px #4f46e514}.lc-comp-thumb-wrap{background:#0f172a;width:100%;height:100px;position:relative}.lc-comp-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.lc-comp-dur-badge{color:#fff;background:#0f172ad9;border-radius:.3rem;padding:.15rem .45rem;font-size:.675rem;font-weight:700;position:absolute;top:.45rem;right:.45rem}.lc-comp-play-circle{background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lc-comp-play-circle svg{margin-left:2px}.lc-comp-info{flex-direction:column;gap:.15rem;padding:.75rem .85rem;display:flex}.lc-comp-subject{color:#0f172a;margin:0;font-size:.875rem;font-weight:800}.lc-comp-topic{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.775rem;overflow:hidden}.lc-right-sidebar-col{flex-direction:column;gap:1.25rem;display:flex}.lc-sidecard{background:#fff;border:1px solid #e2e8f0;border-radius:1.15rem;padding:1.35rem 1.4rem;box-shadow:0 4px 16px #0f172a08}.lc-sidecard-header-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.lc-sidecard-title{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.lc-view-cal-link{color:#4f46e5;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:700}.lc-cal-month-nav{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.lc-cal-arrow-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.lc-cal-arrow-btn:hover{color:#4f46e5;background:#eef2ff}.lc-cal-month-title{color:#0f172a;font-size:.925rem;font-weight:700}.lc-cal-weekdays-grid{text-align:center;color:#94a3b8;grid-template-columns:repeat(7,1fr);margin-bottom:.5rem;font-size:.725rem;font-weight:600;display:grid}.lc-cal-days-grid{grid-template-columns:repeat(7,1fr);gap:.25rem;display:grid}.lc-day-cell{aspect-ratio:1;color:#1e293b;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:.775rem;font-weight:600;transition:all .15s;display:flex;position:relative}.lc-day-cell:hover:not(.muted):not(.selected){background:#f1f5f9}.lc-day-cell.muted{color:#cbd5e1;cursor:default}.lc-day-cell.selected{color:#fff;background:#4f46e5;font-weight:800;box-shadow:0 4px 10px #4f46e559}.lc-day-dot{background:#10b981;border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px}.lc-sidecard-divider{background:#f1f5f9;height:1px;margin:1.15rem 0}.lc-todays-classes-section{flex-direction:column;gap:.75rem;display:flex}.lc-todays-header{justify-content:space-between;align-items:center;display:flex}.lc-todays-title{color:#0f172a;margin:0;font-size:.9rem;font-weight:800}.lc-todays-list{flex-direction:column;gap:.65rem;display:flex}.lc-today-item{cursor:pointer;background:#f8fafc;border:1px solid #f1f5f9;border-radius:.65rem;align-items:center;gap:.65rem;padding:.65rem;transition:all .15s;display:flex}.lc-today-item:hover{background:#eef2ff;border-color:#c7d2fe}.lc-today-time-badge{color:#4f46e5;white-space:nowrap;background:#eef2ff;border-radius:.375rem;padding:.3rem .5rem;font-size:.725rem;font-weight:700}.lc-today-info{flex-direction:column;flex:1;min-width:0;display:flex}.lc-today-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8rem;font-weight:700;overflow:hidden}.lc-today-teacher{color:#64748b;font-size:.7rem}.lc-today-status-live{color:#059669;white-space:nowrap;align-items:center;gap:.25rem;font-size:.7rem;font-weight:700;display:flex}.lc-today-status-upcoming{color:#2563eb;white-space:nowrap;align-items:center;gap:.25rem;font-size:.7rem;font-weight:700;display:flex}.lc-quick-actions-list{flex-direction:column;gap:.65rem;display:flex}.lc-qa-item-btn{cursor:pointer;text-align:left;box-sizing:border-box;background:#fff;border:1px solid #f1f5f9;border-radius:.75rem;align-items:center;gap:.75rem;width:100%;padding:.75rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.lc-qa-item-btn:hover{background:#f8fafc;border-color:#e2e8f0;transform:translate(2px)}.lc-qa-icon{border-radius:.65rem;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;display:flex}.icon-purple{color:#8b5cf6;background:#f5f3ff}.icon-green{color:#10b981;background:#ecfdf5}.icon-purple-dark{color:#4f46e5;background:#eef2ff}.lc-qa-text{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.lc-qa-name{color:#0f172a;font-size:.85rem;font-weight:700}.lc-qa-sub{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.725rem;overflow:hidden}.lc-qa-arrow{color:#94a3b8;flex-shrink:0}.lc-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:500;background:#0f172acc;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.lc-classroom-modal{background:#0f172a;border:1px solid #334155;border-radius:1.25rem;flex-direction:column;width:100%;max-width:960px;display:flex;overflow:hidden;box-shadow:0 25px 60px #00000080}.lc-classroom-topbar{color:#fff;background:#1e293b;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.lc-room-title-wrap{align-items:center;gap:.75rem;display:flex}.lc-room-title-wrap h4{margin:0;font-size:1rem;font-weight:700}.lc-room-teacher{color:#94a3b8;font-size:.8rem}.lc-room-participants-count{color:#38bdf8;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.lc-close-room-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.lc-close-room-btn:hover{color:#fff}.lc-classroom-grid{grid-template-columns:1fr 300px;height:440px;display:grid}.lc-video-stage{background:#020617;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.lc-stage-video-feed{object-fit:contain;width:100%;height:100%}.lc-stage-overlay-teacher-label{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172abf;border-radius:.4rem;padding:.3rem .65rem;font-size:.8rem;font-weight:600;position:absolute;bottom:1rem;left:1rem}.lc-stage-watermark{color:#ffffff4d;letter-spacing:.08em;font-size:.75rem;font-weight:700;position:absolute;top:1rem;right:1rem}.lc-chat-panel{background:#1e293b;border-left:1px solid #334155;flex-direction:column;display:flex}.lc-chat-header{color:#fff;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.lc-chat-header h5{margin:0;font-size:.875rem;font-weight:700}.lc-chat-online-dot{color:#22c55e;font-size:.75rem;font-weight:600}.lc-chat-messages-wrap{flex-direction:column;flex:1;gap:.75rem;padding:.85rem;display:flex;overflow-y:auto}.lc-chat-msg-row{flex-direction:column;gap:.15rem;display:flex}.lc-msg-meta{justify-content:space-between;align-items:center;display:flex}.lc-msg-sender{color:#818cf8;font-size:.75rem;font-weight:700}.lc-msg-time{color:#64748b;font-size:.675rem}.lc-msg-text{color:#f1f5f9;background:#0f172a;border-radius:.45rem;margin:0;padding:.45rem .65rem;font-size:.8rem;line-height:1.35}.lc-chat-input-form{border-top:1px solid #334155;gap:.5rem;padding:.65rem;display:flex}.lc-chat-input-field{color:#fff;background:#0f172a;border:1px solid #475569;border-radius:.5rem;outline:none;flex:1;padding:.5rem .75rem;font-size:.8rem}.lc-chat-input-field:focus{border-color:#818cf8}.lc-chat-send-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:.5rem;padding:0 .85rem;font-size:.8rem;font-weight:700}.lc-classroom-controls{background:#0f172a;border-top:1px solid #334155;justify-content:center;align-items:center;gap:1rem;padding:.85rem;display:flex}.lc-ctrl-btn{color:#fff;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:.5rem;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.825rem;font-weight:600;transition:all .15s;display:flex}.lc-ctrl-btn:hover{background:#334155}.lc-ctrl-btn.muted{color:#fca5a5;background:#7f1d1d;border-color:#991b1b}.lc-leave-call-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:.5rem;align-items:center;gap:.45rem;margin-left:1.5rem;padding:.5rem 1.25rem;font-size:.825rem;font-weight:700;display:flex}.lc-leave-call-btn:hover{background:#b91c1c}@media (width<=1180px){.lc-main-grid{grid-template-columns:1fr}.lc-right-sidebar-col{grid-template-columns:1fr 1fr;display:grid}}@media (width<=860px){.lc-hero-banner-card{flex-direction:column;align-items:stretch}.lc-hero-live-card{max-width:100%}.lc-completed-grid{grid-template-columns:1fr 1fr}.lc-class-card{grid-template-columns:140px 1fr}.lc-card-action-wrap{border-top:1px solid #f1f5f9;flex-direction:row;grid-column:span 2;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.75rem}.lc-join-now-btn,.lc-reminder-btn{width:auto}.lc-right-sidebar-col{grid-template-columns:1fr}.lc-classroom-grid{grid-template-columns:1fr;height:auto}.lc-video-stage{height:280px}.lc-chat-panel{height:220px}}@media (width<=580px){.lc-class-card{grid-template-columns:1fr}.lc-card-thumb-wrap{width:100%;height:160px}.lc-card-action-wrap{flex-direction:column;grid-column:span 1;align-items:stretch}.lc-join-now-btn,.lc-reminder-btn{width:100%}.lc-status-tabs{flex-wrap:nowrap;padding-bottom:.35rem;overflow-x:auto}.lc-completed-grid{grid-template-columns:1fr}}.lc-subject-select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.65rem;outline:none;height:40px;padding:0 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.lc-subject-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.lc-access-badge-enrolled{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.725rem;font-weight:700;display:inline-flex}.lc-access-badge-trial{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.725rem;font-weight:700;display:inline-flex}.lc-access-badge-locked{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.725rem;font-weight:700;display:inline-flex}.lc-unlock-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:.65rem;justify-content:center;align-items:center;gap:.45rem;width:100%;padding:.6rem 1.15rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #4f46e540}.lc-unlock-btn:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e559}.lc-concluded-btn{color:#64748b;cursor:not-allowed;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.65rem;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.55rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.lc-concluded-policy-note{color:#64748b;text-align:right;margin-top:.25rem;font-size:.75rem;font-style:italic}.lc-policy-banner{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #4f46e5;border-radius:.75rem;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.85rem 1.25rem;font-size:.875rem;line-height:1.4;display:flex}.lc-policy-banner strong{color:#0f172a}.lc-skeleton-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;grid-template-columns:160px 1fr 180px;align-items:center;gap:1.25rem;padding:1.25rem;display:grid;position:relative;overflow:hidden}.lc-skeleton-thumb{background:#e2e8f0;border-radius:.75rem;width:100%;height:100px;animation:1.5s infinite lcPulseSkeleton}.lc-skeleton-lines{flex-direction:column;gap:.65rem;display:flex}.lc-skeleton-line{background:#e2e8f0;border-radius:4px;height:16px;animation:1.5s infinite lcPulseSkeleton}.lc-skeleton-line.short{width:45%}.lc-skeleton-line.medium{width:70%}.lc-skeleton-line.btn{border-radius:.65rem;width:100%;height:38px}@keyframes lcPulseSkeleton{0%,to{opacity:.6}50%{opacity:.3}}.lc-empty-state-box{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;padding:3.5rem 1.5rem;display:flex}.lc-empty-icon{color:#4f46e5;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:.5rem;display:flex}.lc-empty-title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.lc-empty-desc{color:#64748b;max-width:420px;margin:0;font-size:.9rem;line-height:1.45}.lc-empty-btn{color:#4338ca;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:.65rem;margin-top:.5rem;padding:.55rem 1.15rem;font-size:.85rem;font-weight:600;transition:all .2s}.lc-empty-btn:hover{background:#e0e7ff}.lc-error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:.75rem;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.9rem;display:flex}.lc-retry-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:.5rem;padding:.45rem .95rem;font-size:.825rem;font-weight:600;transition:background .2s}.lc-retry-btn:hover{background:#b91c1c}.student-sidebar{z-index:100;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;background:#fff;border-right:1px solid #eef2f6;flex-direction:column;width:260px;height:100vh;padding:24px 16px 20px;font-family:inherit;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.student-sidebar::-webkit-scrollbar{width:0;height:0;display:none}.sidebar-brand-header{justify-content:space-between;align-items:center;margin-bottom:24px;padding-left:4px;display:flex}.sidebar-brand-logo{object-fit:contain;width:auto;height:38px}.sidebar-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px;display:none}.sidebar-student-card{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;margin-bottom:14px;padding:6px 6px 18px;display:flex}.sidebar-avatar-wrap{flex-shrink:0;width:44px;height:44px;position:relative}.sidebar-avatar-img{object-fit:cover;background:#e2e8f0;border-radius:50%;width:44px;height:44px}.online-indicator-dot{background:#22c55e;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:1px}.sidebar-student-meta{flex-direction:column;display:flex}.sidebar-student-name{color:#0f172a;margin:0 0 2px;font-size:14.5px;font-weight:700}.sidebar-student-sub{color:#64748b;margin:0 0 4px;font-size:12px}.sidebar-status-tag{color:#16a34a;align-items:center;gap:4px;font-size:11.5px;font-weight:600;display:flex}.green-dot{color:#22c55e;font-size:10px}.sidebar-nav-menu{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:4px;padding-right:2px;display:flex;overflow:hidden auto}.sidebar-nav-menu::-webkit-scrollbar{width:0;height:0;display:none}.sidebar-nav-link{color:#475569;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .15s ease-in-out;display:flex}.sidebar-nav-link:hover{color:#0f172a;background:#f8fafc}.sidebar-nav-icon{color:#64748b;flex-shrink:0;transition:color .15s}.sidebar-nav-link:hover .sidebar-nav-icon{color:#334155}.sidebar-nav-label{flex:1}.sidebar-nav-link.active{color:#4f46e5;background:#eef2ff;font-weight:700}.sidebar-nav-link.active .sidebar-nav-icon{color:#4f46e5}.sidebar-nav-badge{color:#fff;text-align:center;background:#ef4444;border-radius:10px;min-width:18px;padding:2px 7px;font-size:11px;font-weight:700}.sidebar-referral-box{background:#f5f8ff;border:1px solid #dbeafe;border-radius:16px;justify-content:space-between;align-items:center;margin-top:14px;padding:12px 14px;display:flex}.referral-box-left{align-items:center;gap:10px;display:flex}.referral-gift-icon-box{color:#4f46e5;background:#fff;border:1px solid #e0e7ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.referral-box-text{flex-direction:column;display:flex}.referral-top-line{color:#64748b;font-size:11px;font-weight:600}.referral-bold-reward{color:#0f172a;font-size:13px;font-weight:800;line-height:1.2}.referral-sub-info{color:#64748b;font-size:10.5px}.referral-action-arrow-btn{color:#fff;background:#3b28cc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;text-decoration:none;transition:transform .15s,background .15s;display:flex}.referral-action-arrow-btn:hover{background:#2563eb;transform:scale(1.06)}.profile-information-card-outer{width:100%;position:relative}.profile-information-card{z-index:1;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:30px 34px;position:relative;box-shadow:0 1px 4px #00000005,0 6px 20px #00000005}.header-student-illustration-container{pointer-events:none;z-index:5;align-items:center;display:flex;position:absolute;top:-55px;right:12px}.floating-speech-bubble{color:#312e81;white-space:nowrap;background:#fff;border:1px solid #e0e7ff;border-radius:14px;flex-direction:column;margin-top:-16px;margin-right:-10px;padding:10px 16px;font-size:12px;font-weight:600;line-height:1.35;animation:3s ease-in-out infinite alternate floatBubble;display:flex;position:relative;box-shadow:0 4px 14px #4f46e514}@keyframes floatBubble{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.speech-bubble-tail{background:#fff;border-top:1px solid #e0e7ff;border-right:1px solid #e0e7ff;width:10px;height:10px;position:absolute;top:50%;right:-6px;transform:translateY(-50%)rotate(45deg)}.student-header-svg{filter:drop-shadow(0 4px 10px #0000000a);display:block}.profile-panel-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.profile-header-icon-box{background:#eef2ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.profile-header-user-icon{color:#4f46e5}.profile-card-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 3px;font-size:20px;font-weight:700}.profile-card-subtitle{color:#64748b;margin:0;font-size:13.5px}.profile-photo-row-container{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;padding:0 0 24px;display:flex}.profile-photo-left-col{align-items:center;gap:20px;display:flex}.profile-photo-img-wrapper{flex-shrink:0;width:86px;height:86px;position:relative}.profile-photo-img{object-fit:cover;background:#f1f5f9;border:2px solid #fff;border-radius:50%;width:86px;height:86px;box-shadow:0 2px 8px #0000000f}.photo-camera-overlay-badge{color:#fff;cursor:pointer;background:#4f46e5;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .15s,background .15s;display:flex;position:absolute;bottom:2px;right:2px;box-shadow:0 2px 5px #4f46e559}.photo-camera-overlay-badge:hover{background:#4338ca;transform:scale(1.08)}.profile-photo-meta-info{flex-direction:column;display:flex}.profile-photo-heading{color:#0f172a;margin:0 0 2px;font-size:16px;font-weight:700}.profile-photo-desc{color:#64748b;margin:0;font-size:13px}.profile-photo-sub{color:#94a3b8;margin:0 0 12px;font-size:12px;font-weight:500}.profile-photo-actions-row{align-items:center;gap:10px;display:flex}.profile-photo-right-helper{flex-shrink:0}.photo-helper-card-wrap{background:#f8faff;border:1px solid #e0e7ff;border-radius:14px;align-items:center;gap:16px;max-width:380px;padding:12px 20px;display:flex}.photo-helper-art-box{flex-shrink:0}.photo-helper-text-box p{color:#475569;margin:0;font-size:13px;font-weight:500;line-height:1.45}.settings-form-section{margin-bottom:22px}.section-pill-banner{border-radius:8px;align-items:center;margin-bottom:14px;padding:9px 14px;font-size:13.5px;font-weight:600;display:flex}.personal-banner{color:#4f46e5;background:#eef2ff}.academic-banner{color:#b45309;background:#fef3c7}.guardian-banner{color:#059669;background:#ecfdf5;justify-content:space-between}.banner-left-group{align-items:center;gap:8px;display:flex}.banner-right-group{color:#059669;align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:flex}.banner-icon{align-items:center;display:flex}.form-two-col-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.academic-form-row-with-art{align-items:center;gap:20px;display:flex}.form-three-col-grid.academic-grid{flex:1;grid-template-columns:1fr 1.35fr 1.35fr;gap:16px;display:grid}.academic-cap-illustration-wrap{flex-shrink:0;justify-content:center;align-items:center;padding-right:8px;display:flex}.form-input-group{flex-direction:column;display:flex}.form-field-label{color:#334155;margin-bottom:6px;font-size:13px;font-weight:600}.req-star{color:#ef4444;font-weight:700}.form-input-icon-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;height:44px;padding:0 14px;transition:all .15s ease-in-out;display:flex}.form-input-icon-wrap:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.form-input-icon-wrap.has-error{background:snow;border-color:#ef4444}.field-leading-icon{color:#94a3b8;flex-shrink:0;align-items:center;display:flex}.field-trailing-icon{color:#64748b;cursor:pointer;flex-shrink:0;align-items:center;display:flex}.form-text-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;width:100%;font-family:inherit;font-size:14px;font-weight:500}.form-text-input::placeholder{color:#94a3b8}.form-select-input{color:#0f172a;cursor:pointer;appearance:none;background:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") right 2px center/16px no-repeat;border:none;outline:none;flex:1;width:100%;padding-right:24px;font-family:inherit;font-size:14px;font-weight:500}.inline-field-error{color:#ef4444;margin-top:4px;font-size:12px;font-weight:500}.phone-prefix-badge{background:#fff;border-right:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:6px;height:100%;margin-left:-14px;padding:0 12px;display:flex}.country-code-pill{color:#334155;align-items:center;gap:4px;font-size:13.5px;font-weight:600;display:flex}.code-chevron{color:#64748b;font-size:11px}.status-badge-verified{color:#15803d;background:#dcfce7;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;margin-right:-6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.parent-otp-wizard-stepper{justify-content:space-between;align-items:center;margin:22px 0 18px;padding:0 4px;display:flex}.wizard-step-item{align-items:center;gap:12px;display:flex}.wizard-step-circle{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.wizard-step-item.step-active .wizard-step-circle{color:#fff;background:#3b28cc;border-color:#3b28cc;box-shadow:0 2px 8px #3b28cc4d}.wizard-step-item.step-completed .wizard-step-circle{color:#fff;background:#10b981;border-color:#10b981}.wizard-step-text{flex-direction:column;display:flex}.wizard-step-title{color:#0f172a;font-size:13.5px;font-weight:700;line-height:1.2}.wizard-step-desc{color:#64748b;margin-top:2px;font-size:12px}.wizard-step-connector{border-top:2px dashed #cbd5e1;flex:1;margin:0 18px}.wizard-step-connector.connector-completed{border-top-color:#cbd5e1}.parent-verification-hero-card{background:#f4f8ff;border:1.5px solid #dbeafe;border-radius:18px;align-items:center;gap:26px;margin-top:14px;padding:22px 26px;display:flex;box-shadow:0 2px 10px #2563eb08}.hero-card-left-illustration{flex-shrink:0;justify-content:center;align-items:center;width:140px;display:flex}.otp-illustration-svg{max-width:100%;height:auto;display:block}.hero-card-right-content{flex:1;min-width:0}.hero-card-header{margin-bottom:14px}.hero-step-title{color:#1e3a8a;margin:0 0 3px;font-size:17px;font-weight:700}.hero-step-subtitle{color:#475569;margin:0;font-size:13.5px}.hero-step-subtitle strong{color:#0f172a;font-weight:700}.hero-otp-input-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:16px;display:flex}.hero-otp-input-col{flex-direction:column;gap:8px;display:flex}.hero-otp-field-label{color:#334155;font-size:13px;font-weight:600}.otp-digit-boxes-wrap{gap:8px;display:flex}.hero-otp-digit-box{text-align:center;color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;width:44px;height:44px;padding:0;font-size:18px;font-weight:700;transition:all .15s ease-in-out}.hero-otp-digit-box:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.hero-otp-digit-box.has-error{border-color:#ef4444}.hero-inline-error-text{color:#dc2626;margin-top:4px;font-size:12.5px;font-weight:500}.hero-dev-otp-card{background:#fffbeb;border:1.5px dashed #f59e0b;border-radius:10px;flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.hero-dev-code-icon{color:#d97706;justify-content:center;align-items:center;display:flex}.hero-dev-text-content{flex-direction:column;display:flex}.hero-dev-title{color:#b45309;letter-spacing:.04em;font-size:11px;font-weight:800}.hero-dev-val{color:#92400e;margin-top:2px;font-size:13px}.hero-dev-val strong{color:#78350f;font-weight:800}.hero-card-actions-row{align-items:center;gap:20px;display:flex}.hero-resend-countdown{color:#4338ca;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.hero-resend-active-btn{color:#4338ca;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.hero-resend-active-btn:hover{text-decoration:underline}.btn-primary-royal{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .15s ease-in-out;display:inline-flex;box-shadow:0 2px 6px #4f46e540}.btn-primary-royal:hover:not(:disabled){background:#4338ca;transform:translateY(-1px)}.btn-primary-royal:disabled{opacity:.6;cursor:not-allowed}.btn-secondary-outline{cursor:pointer;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 16px;font-size:13px;font-weight:600;transition:all .15s ease-in-out;display:inline-flex}.btn-secondary-outline.variant-danger{color:#ef4444;border-color:#fecaca}.btn-secondary-outline.variant-danger:hover{background:#fef2f2;border-color:#f87171}.btn-icon-wrap{align-items:center;display:flex}.settings-form-footer{justify-content:flex-end;align-items:center;gap:16px;margin-top:24px;padding-top:14px;display:flex}.unsaved-indicator-note{color:#f59e0b;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.unsaved-dot{color:#f59e0b;font-size:14px}.settings-floating-toast{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:12px 18px;animation:.25s ease-out toastSlideUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 6px 24px #0000001f}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.settings-floating-toast.toast-success{border-left:4px solid #10b981}.settings-floating-toast.toast-error{border-left:4px solid #ef4444}.toast-icon-wrap{align-items:center;display:flex}.toast-icon.success{color:#10b981}.toast-icon.error{color:#ef4444}.toast-text{color:#0f172a;font-size:13.5px;font-weight:600}.toast-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.toast-close-btn:hover{color:#475569}.spin-icon{animation:1s linear infinite spin}@media (width<=1024px){.header-student-illustration-container{display:none}.form-three-col-grid.academic-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.student-sidebar{transform:translate(-100%)}.student-sidebar.sidebar-open{transform:translate(0)}.sidebar-close-btn{display:block}.profile-information-card{padding:20px 16px}.profile-photo-row-container{flex-direction:column;align-items:flex-start;gap:16px}.photo-helper-card-wrap{max-width:100%}.form-two-col-grid,.form-three-col-grid.academic-grid{grid-template-columns:1fr}.academic-form-row-with-art{flex-direction:column;align-items:flex-start}.hero-card-actions-row{flex-direction:column;align-items:flex-start;gap:12px}.parent-verification-hero-card{flex-direction:column;align-items:flex-start;padding:16px}}.student-settings-page-wrapper{box-sizing:border-box;color:#0f172a;width:100%;max-width:1200px;margin:0 auto;padding:32px 28px 60px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.settings-single-card-container{width:100%;margin-top:24px}.settings-no-topbar-wrapper{padding-top:0!important}.settings-no-topbar-wrapper .student-content-canvas{padding-top:10px!important}@media (width<=768px){.student-settings-page-wrapper{padding:16px 12px 40px}}.student-quizzes-page-container{max-width:1440px;font-family:var(--font-family-base,"Inter", -apple-system, BlinkMacSystemFont, sans-serif);color:#0f172a;margin:0 auto;padding:24px 32px 48px}.quizzes-hero-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:1fr auto 340px;align-items:center;gap:24px;margin-bottom:32px;padding:24px 28px;display:grid;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000005}.quizzes-hero-left{align-items:flex-start;gap:16px;display:flex}.quizzes-header-icon-box{color:#4f46e5;background:#eef2ff;border:1.5px solid #e0e7ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-top:2px;display:flex}.quizzes-hero-text h1{color:#0f172a;letter-spacing:-.025em;margin:0 0 6px;font-size:28px;font-weight:800;line-height:1.2}.quizzes-hero-text p{color:#64748b;max-width:420px;margin:0;font-size:14px;line-height:1.45}.quizzes-hero-illustration{flex-shrink:0;justify-content:center;align-items:center;display:flex}.illustration-svg-wrap{justify-content:center;align-items:center;width:200px;height:110px;display:flex}.quizzes-hero-info-card{background:#f8f5ff;border:1px solid #ede9fe;border-radius:14px;align-items:flex-start;gap:14px;padding:16px 18px;display:flex;box-shadow:0 1px 3px #7c3aed0a}.info-card-icon-badge{color:#fff;background:#8b5cf6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 2px 6px #8b5cf64d}.info-card-text{flex-direction:column;gap:3px;display:flex}.info-card-title{color:#3730a3;margin:0;font-size:14px;font-weight:700}.info-card-desc{color:#6d28d9;opacity:.9;margin:0;font-size:12px;line-height:1.4}.browse-subject-section{flex-direction:column;gap:14px;margin-bottom:32px;display:flex}.browse-subject-heading{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:17px;font-weight:700}.subject-chips-scroll-row{scrollbar-width:thin;align-items:center;gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.subject-chips-scroll-row::-webkit-scrollbar{height:4px}.subject-chips-scroll-row::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.subject-filter-chip{color:#334155;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.subject-filter-chip:hover{color:#1e293b;background-color:#f8fafc;border-color:#c7d2fe;transform:translateY(-1px)}.subject-filter-chip.active{color:#4f46e5;background:#eef2ff;border:1.5px solid #4f46e5;box-shadow:0 2px 6px #4f46e526}.chip-icon-wrap{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex}.quizzes-content-area{min-height:280px}.quizzes-skeleton-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1280px){.quizzes-skeleton-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.quizzes-skeleton-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.quizzes-skeleton-grid{grid-template-columns:1fr}}.quiz-skeleton-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 2px 6px #00000005}.skeleton-thumb{background:linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 50%,#f1f5f9 100%) 0 0/200% 100%;height:110px;animation:1.5s infinite shimmer}.skeleton-body{flex-direction:column;gap:10px;padding:16px;display:flex}.skeleton-line{background:#e2e8f0;border-radius:4px;height:14px}.skeleton-line.title{width:70%;height:18px}.skeleton-line.meta{width:50%}.skeleton-btn{background:#e2e8f0;border-radius:8px;height:38px;margin-top:6px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.quizzes-cards-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1280px){.quizzes-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.quizzes-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.quizzes-cards-grid{grid-template-columns:1fr}}.quiz-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000008}.quiz-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 8px 20px #0000000f}.quiz-card-banner{color:#fff;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 50%,#4338ca 100%);justify-content:center;align-items:center;height:110px;padding:12px;display:flex;position:relative}.quiz-questions-badge{color:#1e293b;background:#ffffffeb;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:flex;position:absolute;top:10px;left:10px}.quiz-card-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.quiz-card-title{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.quiz-meta-row{color:#64748b;align-items:center;gap:16px;font-size:12px;font-weight:500;display:flex}.quiz-meta-item{align-items:center;gap:4px;display:flex}.quiz-card-action{margin-top:auto;padding-top:8px}.btn-start-quiz{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 14px;font-size:13.5px;font-weight:700;transition:all .15s;display:flex}.btn-start-quiz:hover{background:#4338ca;box-shadow:0 4px 12px #4f46e54d}.btn-start-quiz.completed{color:#4f46e5;background:#eef2ff}.btn-start-quiz.completed:hover{background:#e0e7ff}.quizzes-empty-state{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex;box-shadow:0 2px 8px #00000005}.empty-illustration-box{justify-content:center;align-items:center;width:180px;height:140px;margin-bottom:20px;display:flex}.empty-state-subtitle{color:#64748b;max-width:420px;margin:0 0 20px;font-size:14px;line-height:1.45}.btn-empty-reset{color:#4f46e5;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .15s}.btn-empty-reset:hover{background:#e0e7ff}.quizzes-error-state{text-align:center;background:#fff;border:1px solid #fecaca;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 24px;display:flex}.error-icon-circle{color:#ef4444;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.error-state-title{color:#991b1b;margin:0;font-size:17px;font-weight:700}.error-state-desc{color:#64748b;max-width:400px;margin:0;font-size:13.5px}.btn-error-retry{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.btn-error-retry:hover{background:#dc2626}@media (width<=1100px){.quizzes-hero-card{grid-template-columns:1fr;gap:20px}.quizzes-hero-illustration{display:none}}@media (width<=768px){.student-quizzes-page-container{padding:16px}.quizzes-hero-card{padding:18px}.quizzes-hero-text h1{font-size:22px}}.gamified-quiz-wrapper{color:#f8fafc;z-index:9999;background:radial-gradient(circle at 100% 0,#1e1b4b,#0f172a 100%);flex-direction:column;width:100vw;height:100vh;font-family:Inter,sans-serif;display:flex;position:fixed;inset:0;overflow-y:auto}.gamified-top-hud{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#1e293b99;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.hud-left{align-items:center;gap:1.5rem;display:flex}.progress-pill{background:#ffffff1a;border-radius:99px;width:150px;height:6px;overflow:hidden}.progress-pill-fill{background:linear-gradient(90deg,#818cf8,#c084fc);height:100%;transition:width .4s ease-out}.hud-meta{color:#cbd5e1;letter-spacing:.05em;font-size:.9rem;font-weight:600}.hud-center h2{background:linear-gradient(90deg,#fbbf24,#f59e0b);color:#0000;text-transform:uppercase;letter-spacing:.1em;-webkit-background-clip:text;margin:0;font-size:1.25rem;font-weight:800}.hud-right .timer-pill{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:99px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:monospace;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 0 15px #ef444433}.gamified-board{flex-direction:column;flex:1;justify-content:flex-start;width:100%;max-width:860px;margin:0 auto;padding:1.5rem 1.5rem 3rem;display:flex}.question-display-panel{margin-bottom:1.25rem}.q-type-badge{color:#c4b5fd;text-transform:uppercase;background:#8b5cf633;border:1px solid #8b5cf666;border-radius:6px;align-items:center;gap:4px;margin-bottom:1rem;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.main-q-text{color:#fff;text-shadow:0 4px 12px #0006;margin:0;font-size:2rem;font-weight:700;line-height:1.4}.options-interactive-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:3rem;display:grid}.gamified-option-btn{cursor:pointer;color:#e2e8f0;background:#ffffff08;border:2px solid #ffffff1a;border-radius:12px;align-items:center;width:100%;padding:1.25rem;font-size:1.1rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.gamified-option-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff4d;transform:translateY(-2px)}.gamified-option-btn.selected{color:#fff;background:#10b9811a;border-color:#10b981}.opt-letter{background:#ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;margin-right:1.25rem;font-size:1rem;font-weight:700;display:flex}.gamified-option-btn.selected .opt-letter{color:#0f172a;background:#10b981}.opt-text{text-align:left;flex:1;font-weight:500}.selected-icon{color:#10b981;margin-left:1rem}.gamified-footer-actions{justify-content:flex-end;display:flex}.g-action-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex}.g-action-btn:disabled{opacity:.5;cursor:not-allowed}.g-action-btn.primary{color:#fff;background:#6366f1;box-shadow:0 8px 20px #6366f14d}.g-action-btn.primary:not(:disabled):hover{background:#4f46e5;transform:translateY(-2px)}.submit-btn{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 25px #f59e0b66}.submit-btn:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-2px)}.animate-pop{animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards popBounce}@keyframes popBounce{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.animate-slide-in{animation:.3s ease-out forwards slideLeft}@keyframes slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.gamified-loader-container{color:#fff;background:#0f172a;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.gamified-celebration-container{z-index:10000;background:#0f172a;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:absolute;inset:0}.gamified-result-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#1e293bcc;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:600px;padding:4rem 3rem;position:relative;box-shadow:0 25px 50px -12px #00000080}.result-header-badge{background:#f59e0b33;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 2rem;display:flex;box-shadow:0 0 30px #f59e0b4d}.celebration-title{background:linear-gradient(to bottom right,#fff,#94a3b8);color:#0000;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.celebration-subtitle{color:#94a3b8;margin-bottom:3rem;font-size:1.1rem}.gamified-metric-grid{justify-content:center;gap:1.5rem;margin-bottom:2rem;display:flex}.gamified-metric-box{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;flex:1;gap:.5rem;padding:1.5rem;display:flex;position:relative}.g-primary{background:#6366f126;border-color:#6366f14d}.g-speed{background:#10b98126;border-color:#10b9814d}.g-meta{color:#cbd5e1;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.g-value{color:#fff;justify-content:center;align-items:center;gap:.5rem;font-size:1.75rem;font-weight:800;display:flex}.g-flyout-tag{color:#fff;white-space:nowrap;background:#10b981;border-radius:99px;padding:2px 10px;font-size:.7rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #10b98166}.gamified-total-banner{background:linear-gradient(135deg,#f59e0b1a,#d9770633);border:1px solid #f59e0b4d;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:3rem;padding:1.5rem;display:flex}.gamified-total-banner span{color:#fef3c7;font-size:1.25rem;font-weight:600}.gamified-total-score{color:#fbbf24;text-shadow:0 0 20px #f59e0b66;font-size:3rem;font-weight:900}.animate-fade-in-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.gamified-loader-container{z-index:9999;color:#f8fafc;text-align:center;background:radial-gradient(circle at 100% 0,#1e1b4b,#0f172a 100%);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:2rem;display:flex;position:fixed;inset:0}.gamified-spinner{border:4px solid #ffffff1f;border-top-color:#6366f1;border-radius:50%;width:48px;height:48px;margin-bottom:1.25rem;animation:.9s linear infinite spinLoader}@keyframes spinLoader{to{transform:rotate(360deg)}}.student-free-tests-page-container{max-width:1440px;font-family:var(--font-family-base,"Inter", -apple-system, BlinkMacSystemFont, sans-serif);color:#0f172a;margin:0 auto;padding:24px 32px 48px}.free-tests-header-row{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.free-tests-title-col{flex:1}.free-tests-title-wrap{align-items:center;gap:16px;display:flex}.free-tests-main-icon-badge{color:#4f46e5;background:#eef2ff;border:1px solid #e0e7ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.header-doc-icon{stroke-width:2.2px}.free-tests-page-heading{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:24px;font-weight:700}.free-tests-page-subtitle{color:#64748b;margin:0;font-size:13.5px;font-weight:400}.free-tests-info-pill-box{background:#f5f3ff;border:1px solid #ede9fe;border-radius:12px;align-items:center;gap:12px;max-width:440px;padding:12px 18px;display:flex;box-shadow:0 1px 2px #7c3aed0a}.info-bulb-icon-wrap{color:#7c3aed;background:#ede9fe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.info-box-text-content{flex-direction:column;gap:2px;display:flex}.info-box-heading{color:#5b21b6;margin:0;font-size:13px;font-weight:700}.info-box-sub{color:#6d28d9;opacity:.9;margin:0;font-size:12px;line-height:1.35}.free-tests-nav-and-search-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.free-tests-tab-pills-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.free-test-tab-pill-btn{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9999px;padding:8px 18px;font-size:13.5px;font-weight:500;transition:all .18s}.free-test-tab-pill-btn:hover{color:#0f172a;background:#f1f5f9}.free-test-tab-pill-btn.active{color:#fff;background:#4f46e5;font-weight:600;box-shadow:0 2px 6px #4f46e540}.free-tests-search-field-wrap{align-items:center;min-width:340px;display:flex;position:relative}.free-tests-search-field-wrap .search-field-icon{color:#94a3b8;pointer-events:none;position:absolute;left:14px}.free-tests-search-input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:9px 36px 9px 38px;font-size:13px;transition:all .18s}.free-tests-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.free-tests-search-input::placeholder{color:#94a3b8}.search-clear-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;right:10px}.free-tests-filter-controls-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.filter-dropdown-group{flex-direction:column;gap:6px;display:flex}.filter-field-label{color:#64748b;font-size:12px;font-weight:600}.filter-select-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;transition:all .18s;display:flex;position:relative}.filter-select-wrapper:hover{border-color:#cbd5e1}.filter-select-wrapper:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.filter-leading-icon{color:#64748b;pointer-events:none;position:absolute;left:12px}.filter-chevron-icon{color:#94a3b8;pointer-events:none;position:absolute;right:12px}.filter-custom-select{appearance:none;color:#1e293b;cursor:pointer;background:0 0;border:none;outline:none;width:100%;padding:10px 32px 10px 38px;font-size:13.5px;font-weight:500}.free-tests-subject-chips-row{scrollbar-width:thin;align-items:center;gap:10px;margin-bottom:24px;padding-bottom:6px;display:flex;overflow-x:auto}.free-tests-subject-chips-row::-webkit-scrollbar{height:4px}.free-tests-subject-chips-row::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.subject-chip-pill-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .18s;display:inline-flex;box-shadow:0 1px 2px #00000005}.subject-chip-pill-btn:hover{background:#f8fafc;border-color:#cbd5e1}.subject-chip-pill-btn.chip-active{color:#4338ca;background:#eef2ff;border-color:#4f46e5;font-weight:600;box-shadow:0 1px 3px #4f46e51f}.chip-symbol-icon{justify-content:center;align-items:center;font-size:14px;display:flex}.chip-label-text{line-height:1}.free-tests-cards-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.free-test-card-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000008}.free-test-card-box:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 8px 20px #0000000f}.card-thumbnail-cover{aspect-ratio:16/7;color:#fff;justify-content:center;align-items:center;width:100%;min-height:120px;display:flex;position:relative;overflow:hidden}.thumbnail-symbols-overlay{opacity:.18;letter-spacing:12px;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:32px;position:absolute}.thumbnail-center-heading{z-index:1;text-align:center;position:relative}.thumbnail-subject-title{letter-spacing:.08em;color:#fff;text-shadow:0 2px 4px #00000059;font-size:15px;font-weight:800}.thumbnail-duration-pill{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:2;background:#0f172ab8;border-radius:9999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:flex;position:absolute;top:10px;right:10px}.duration-clock-icon{stroke-width:2.2px}.thumbnail-type-pill{z-index:2;border-radius:9999px;padding:3px 10px;font-size:11px;font-weight:700;position:absolute;bottom:10px;left:10px;box-shadow:0 1px 3px #0000001a}.free-test-card-body{flex-direction:column;flex:1;padding:16px 16px 14px;display:flex}.free-test-card-title{color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;margin:0 0 10px;font-size:15px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.card-teacher-info-row{align-items:center;gap:6px;margin-bottom:12px;font-size:12px;display:flex}.teacher-sub-label{color:#94a3b8;font-weight:500}.teacher-inline-badge{align-items:center;gap:6px;display:flex}.teacher-avatar-tiny{object-fit:cover;border-radius:50%;width:20px;height:20px}.teacher-avatar-fallback-tiny{color:#4338ca;background:#e0e7ff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.teacher-name-bold{color:#334155;font-weight:600}.card-meta-metrics-row{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:14px;padding-top:10px;font-size:12.5px;font-weight:500;display:flex}.meta-metric-item{align-items:center;gap:5px;display:flex}.metric-icon{color:#94a3b8}.star-icon{color:#f59e0b;fill:#fef3c7}.card-action-container{margin-top:auto}.start-free-test-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 16px;font-size:13.5px;font-weight:600;transition:all .18s;display:flex;box-shadow:0 2px 4px #4f46e529}.start-free-test-btn:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 8px #4f46e540}.free-tests-skeleton-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.free-test-skeleton-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.skeleton-thumb-block{aspect-ratio:16/7;background:#e2e8f0;width:100%;animation:1.5s infinite skeletonPulse}.skeleton-body-block{flex-direction:column;gap:12px;padding:16px;display:flex}.skeleton-line{background:#f1f5f9;border-radius:6px;animation:1.5s infinite skeletonPulse}.skeleton-title{width:80%;height:20px}.skeleton-teacher{width:60%;height:14px}.skeleton-meta{width:100%;height:14px}.skeleton-btn{background:#e2e8f0;border-radius:10px;height:38px;animation:1.5s infinite skeletonPulse}@keyframes skeletonPulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.free-tests-empty-card,.free-tests-error-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:60px 24px;display:flex}.empty-icon-wrap{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.empty-card-heading{color:#0f172a;margin:0 0 6px;font-size:18px;font-weight:700}.empty-card-sub{color:#64748b;max-width:420px;margin:0 0 20px;font-size:14px;line-height:1.5}.clear-filters-action-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;padding:9px 20px;font-size:13.5px;font-weight:600;transition:background .18s}.clear-filters-action-btn:hover{background:#4338ca}.error-card-icon{color:#ef4444;margin-bottom:12px}.error-card-title{color:#0f172a;margin:0 0 6px;font-size:18px;font-weight:700}.error-card-desc{color:#64748b;margin:0 0 20px;font-size:14px}.error-retry-action-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:9px 20px;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex}.error-retry-action-btn:hover{background:#e2e8f0}.free-test-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.free-test-modal-card{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:640px;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}.modal-header-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.modal-type-badge{color:#4f46e5;background:#eef2ff;border-radius:9999px;margin-bottom:8px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.modal-type-badge.result-badge{color:#15803d;background:#dcfce7}.modal-close-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .18s;display:flex}.modal-close-btn:hover{color:#0f172a;background:#f1f5f9}.modal-body-content{flex-direction:column;gap:20px;padding:24px;display:flex}.assessment-meta-banner{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-around;align-items:center;padding:12px 16px;font-size:13px;display:flex}.sample-question-box{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:12px;padding:18px;display:flex}.question-index-tag{color:#4f46e5;text-transform:uppercase;letter-spacing:.05em;font-size:11.5px;font-weight:700}.question-text{color:#0f172a;margin:0;font-size:14.5px;font-weight:600;line-height:1.5}.options-list-grid{flex-direction:column;gap:10px;margin-top:6px;display:flex}.option-choice-item{cursor:pointer;color:#334155;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:13.5px;transition:all .18s;display:flex}.option-choice-item:hover{background:#f8fafc;border-color:#cbd5e1}.modal-footer-actions{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.modal-cancel-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:9px 18px;font-size:13.5px;font-weight:600}.modal-submit-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;padding:9px 22px;font-size:13.5px;font-weight:600;box-shadow:0 2px 6px #4f46e533}.modal-submit-btn:hover{background:#4338ca}.result-score-hero-box{align-items:center;gap:32px;padding:16px 8px;display:flex}.score-ring-circle{background:linear-gradient(135deg,#e0e7ff 0%,#ede9fe 100%);border:4px solid #4f46e5;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.big-score-val{color:#4338ca;font-size:28px;font-weight:800;line-height:1}.score-sub-label{color:#6d28d9;margin-top:4px;font-size:11px;font-weight:600}.result-summary-stats{flex-direction:column;flex:1;gap:10px;display:flex}.res-stat-row{color:#475569;border-bottom:1px dashed #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:6px;font-size:13.5px;display:flex}.res-green{color:#16a34a}@media (width<=1200px){.free-tests-cards-grid,.free-tests-skeleton-grid{grid-template-columns:repeat(3,1fr)}.free-tests-filter-controls-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.student-free-tests-page-container{padding:20px 16px 36px}.free-tests-header-row{flex-direction:column;align-items:flex-start}.free-tests-info-pill-box{width:100%;max-width:none}.free-tests-nav-and-search-row{flex-direction:column;align-items:stretch}.free-tests-search-field-wrap{min-width:100%}.free-tests-cards-grid,.free-tests-skeleton-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.free-tests-filter-controls-grid,.free-tests-cards-grid,.free-tests-skeleton-grid{grid-template-columns:1fr}.result-score-hero-box{text-align:center;flex-direction:column;align-items:center}}.student-notifications-page-container{box-sizing:border-box;color:#0f172a;width:100%;max-width:1100px;margin:0;padding:0 0 64px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.notifications-main-header{align-items:center;gap:18px;margin-bottom:26px;display:flex}.notifications-header-icon-box{background:#eef2ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.notifications-header-bell-icon{color:#4f46e5}.notifications-header-text{flex-direction:column;display:flex}.notifications-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:26px;font-weight:800}.notifications-subtitle{color:#64748b;margin:0;font-size:14px;font-weight:400}.notifications-filter-bar{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:10px;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}.notifications-filter-bar::-webkit-scrollbar{width:0;height:0;display:none}.filter-pill-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:8px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:all .15s ease-in-out;display:inline-flex;box-shadow:0 1px 2px #00000005}.filter-pill-btn:hover{color:#0f172a;background:#f8faff;border-color:#cbd5e1}.filter-pill-btn.active{color:#fff;background:#3b28cc;border-color:#3b28cc;box-shadow:0 2px 8px #3b28cc47}.pill-count-badge{color:#fff;background:#2716a5;border-radius:12px;padding:1px 7px;font-size:11px;font-weight:800}.notifications-card-list{flex-direction:column;gap:14px;display:flex}.notification-card-item{cursor:pointer;background:#fff;border:1.5px solid #f1f5f9;border-radius:16px;align-items:center;gap:18px;padding:16px 22px;transition:all .15s ease-in-out;display:flex;box-shadow:0 1px 4px #00000005}.notification-card-item:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 14px #0000000a}.notification-card-item.selected-highlight{background:#fafbff;border-color:#818cf8;box-shadow:0 4px 16px #6366f114}.notification-icon-container{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.notification-icon-container.bg-pink{background:#fff1f2}.notification-icon-container.bg-blue{background:#eff6ff}.notification-icon-container.bg-green{background:#ecfdf5}.notification-icon-container.bg-purple{background:#f5f3ff}.notification-icon-container.bg-amber{background:#fefce8}.notification-icon-container.bg-indigo{background:#eef2ff}.icon-accent.color-pink{color:#e11d48}.icon-accent.color-blue{color:#2563eb}.icon-accent.color-green{color:#10b981}.icon-accent.color-purple{color:#8b5cf6}.icon-accent.color-amber{color:#d97706}.icon-accent.color-indigo{color:#4f46e5}.notification-content-col{flex:1;min-width:0}.notification-item-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 3px;font-size:15.5px;font-weight:700}.notification-item-message{color:#64748b;margin:0;font-size:13.5px;font-weight:400;line-height:1.45}.notification-meta-col{flex-shrink:0;align-items:center;gap:12px;display:flex}.notification-timestamp{color:#94a3b8;white-space:nowrap;font-size:12.5px;font-weight:500}.unread-red-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}@media (width<=768px){.student-notifications-page-container{padding:20px 16px 48px}.notification-card-item{gap:14px;padding:14px 16px}.notification-icon-container{width:38px;height:38px}.notification-item-title{font-size:14.5px}.notification-item-message{font-size:12.5px}.notification-timestamp{font-size:11.5px}}.student-progress-page-container{box-sizing:border-box;color:#0f172a;width:100%;max-width:1380px;margin:0 auto;padding:0 0 48px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.progress-top-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.progress-header-left{align-items:center;gap:16px;display:flex}.progress-header-icon-box{background:#eef2ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.progress-header-icon{color:#4f46e5}.progress-header-text{flex-direction:column;display:flex}.progress-page-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 3px;font-size:24px;font-weight:800}.progress-page-subtitle{color:#64748b;margin:0;font-size:13.5px;font-weight:400}.progress-header-right{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.progress-motivational-pill{background:#eef2ff;border:1px solid #e0e7ff;border-radius:14px;align-items:center;gap:12px;padding:10px 16px;display:flex;box-shadow:0 1px 4px #4f46e50a}.motivational-trophy-box{background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 1px 3px #4f46e51a}.motivational-trophy-icon{color:#4f46e5}.motivational-pill-text{flex-direction:column;display:flex}.motivational-title{color:#3730a3;font-size:13px;font-weight:700;line-height:1.25}.motivational-subtitle{color:#64748b;font-size:11.5px;line-height:1.3}.progress-period-dropdown-wrap{position:relative}.progress-period-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 1px 3px #00000005}.progress-period-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.period-cal-icon{color:#64748b}.period-chevron{color:#94a3b8;transition:transform .2s}.period-chevron.open{transform:rotate(180deg)}.progress-dropdown-menu{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:2px;width:170px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 25px #0f172a14}.period-menu-item{text-align:left;color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s}.period-menu-item:hover{color:#0f172a;background:#f1f5f9}.period-menu-item.active{color:#4f46e5;background:#eef2ff;font-weight:700}.progress-error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 18px;font-size:13.5px;display:flex}.retry-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;align-items:center;gap:6px;margin-left:auto;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.progress-summary-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.progress-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;align-items:center;gap:18px;padding:20px 22px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 1px 4px #00000005}.progress-stat-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #0000000a}.stat-icon-wrap{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon-wrap.icon-purple{color:#4f46e5;background:#eef2ff}.stat-icon-wrap.icon-green{color:#10b981;background:#ecfdf5}.stat-icon-wrap.icon-orange{color:#f59e0b;background:#fef3c7}.stat-icon-wrap.icon-pink{color:#e11d48;background:#fff1f2}.stat-body{flex-direction:column;display:flex}.stat-label{color:#64748b;margin-bottom:4px;font-size:13px;font-weight:500}.stat-value{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:26px;font-weight:800;line-height:1.15}.stat-comparison{align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.stat-comparison.trend-up{color:#16a34a}.progress-analytics-grid{grid-template-columns:1.65fr 1fr;gap:20px;margin-bottom:24px;display:grid}.analytics-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;padding:24px 26px;display:flex;box-shadow:0 1px 4px #00000005}.analytics-card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-header-left{align-items:center;gap:12px;display:flex}.header-badge-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.header-badge-icon.badge-purple{color:#4f46e5;background:#eef2ff}.card-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 2px;font-size:16.5px;font-weight:700}.card-subtitle{color:#64748b;margin:0;font-size:12.5px}.card-filter-dropdown-wrap{position:relative}.card-filter-select{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.card-filter-select:hover{color:#0f172a;background:#f1f5f9}.card-filter-menu{z-index:40;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:2px;width:140px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 20px #0f172a14}.card-filter-menu-item{text-align:left;color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:500;transition:all .15s}.card-filter-menu-item:hover{color:#0f172a;background:#f1f5f9}.card-filter-menu-item.active{color:#4f46e5;background:#eef2ff;font-weight:700}.spin-anim{animation:1s linear infinite spin}.bar-chart-container{height:240px;margin-top:10px;display:flex;position:relative}.bar-chart-y-axis{color:#94a3b8;text-align:right;box-sizing:border-box;flex-direction:column;justify-content:space-between;width:38px;padding-bottom:56px;padding-right:12px;font-size:11px;font-weight:600;display:flex}.bar-chart-plot-area{flex-direction:column;flex:1;display:flex;position:relative}.grid-horizontal-lines{pointer-events:none;position:absolute;inset:0 0 56px}.grid-line{background:#f1f5f9;height:1px;position:absolute;left:0;right:0}.bars-columns-wrap{z-index:2;justify-content:space-around;align-items:flex-end;height:calc(100% - 56px);padding:0 8px;display:flex}.bar-column-item{flex-direction:column;justify-content:flex-end;align-items:center;width:52px;height:100%;display:flex;position:relative}.bar-percent-label{color:#334155;margin-bottom:6px;font-size:12px;font-weight:700}.bar-track{background:0 0;justify-content:center;align-items:flex-end;width:28px;height:100%;display:flex}.bar-fill{cursor:pointer;border-radius:6px 6px 0 0;width:100%;transition:height .6s cubic-bezier(.34,1.56,.64,1),transform .15s}.bar-fill:hover{filter:brightness(.95);transform:scaleX(1.06)}.bar-sub-footer{flex-direction:column;align-items:center;gap:4px;width:68px;padding-top:8px;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)}.bar-sub-icon-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.custom-math-icon{color:#10b981;font-size:13px;font-weight:800;line-height:1}.sub-icon-svg.color-blue{color:#3b82f6}.sub-icon-svg.color-amber{color:#f59e0b}.sub-icon-svg.color-purple{color:#8b5cf6}.sub-icon-svg.color-pink{color:#ec4899}.sub-icon-svg.color-sky{color:#0284c7}.sub-icon-svg.color-indigo{color:#4f46e5}.sub-icon-svg.color-green{color:#10b981}.bar-sub-name{color:#64748b;white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;font-size:10.5px;font-weight:600;overflow:hidden}.line-chart-container{height:240px;margin-top:10px;display:flex;position:relative}.line-chart-y-axis{color:#94a3b8;text-align:right;box-sizing:border-box;flex-direction:column;justify-content:space-between;width:26px;padding-bottom:28px;padding-right:12px;font-size:11px;font-weight:600;display:flex}.line-chart-plot-area{flex-direction:column;flex:1;display:flex;position:relative}.line-chart-svg{width:100%;height:calc(100% - 28px);overflow:visible}.chart-data-point{fill:#4f46e5;stroke:#fff;stroke-width:2.5px;cursor:pointer;transition:r .18s,fill .18s}.chart-data-point:hover{r:7;fill:#3730a3}.line-chart-tooltip-badge{color:#fff;pointer-events:none;z-index:10;background:#4f46e5;border-radius:8px;flex-direction:column;align-items:center;padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;transform:translate(-50%,-115%);box-shadow:0 4px 12px #4f46e54d}.line-chart-tooltip-badge:after{content:"";border:5px solid #0000;border-top-color:#4f46e5;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-bold{font-size:12px;font-weight:800;line-height:1.2}.tooltip-sub{opacity:.9;font-size:10px;font-weight:500}.line-chart-x-axis{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;height:28px;padding:0 16px;display:flex}.x-axis-label{color:#64748b;cursor:pointer;font-size:11.5px;font-weight:600;transition:color .15s}.x-axis-label.active,.x-axis-label:hover{color:#4f46e5;font-weight:700}.progress-lower-grid{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}.lower-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;padding:24px 22px;display:flex;box-shadow:0 1px 4px #00000005}.lower-card-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.header-left-col{align-items:center;gap:12px;display:flex}.lower-badge-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.lower-badge-icon.badge-indigo{color:#4f46e5;background:#eef2ff}.lower-badge-icon.badge-orange{color:#ea580c;background:#fff7ed}.lower-badge-icon.badge-purple{color:#7c3aed;background:#f5f3ff}.card-view-all-link{color:#4f46e5;font-size:13px;font-weight:700;text-decoration:none;transition:color .15s}.card-view-all-link:hover{color:#3730a3;text-decoration:underline}.activity-items-list{flex-direction:column;gap:14px;display:flex}.activity-row-item{color:inherit;border-radius:12px;align-items:center;gap:14px;padding:8px 10px;text-decoration:none;transition:background-color .15s;display:flex}.activity-row-item:hover{background-color:#f8fafc}.activity-icon-container{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.activity-icon-container.bg-green{color:#10b981;background:#ecfdf5}.activity-icon-container.bg-blue{color:#2563eb;background:#eff6ff}.activity-icon-container.bg-purple{color:#8b5cf6;background:#f5f3ff}.activity-icon-container.bg-orange{color:#f97316;background:#fff7ed}.activity-details-col{flex:1;min-width:0}.activity-item-title{color:#0f172a;margin:0 0 2px;font-size:13.5px;font-weight:700}.activity-item-subtitle{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.activity-meta-col{flex-shrink:0;align-items:center;gap:6px;display:flex}.activity-time-text{color:#94a3b8;white-space:nowrap;font-size:11.5px;font-weight:500}.activity-arrow{color:#cbd5e1;transition:transform .15s}.activity-row-item:hover .activity-arrow{color:#4f46e5;transform:translate(2px)}.achievements-items-list{flex-direction:column;gap:16px;display:flex}.achievement-row-item{align-items:center;gap:14px;display:flex}.achievement-icon-container{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.achievement-icon-container.bg-purple{color:#7c3aed;background:#f5f3ff}.achievement-icon-container.bg-blue{color:#2563eb;background:#eff6ff}.achievement-icon-container.bg-orange{color:#ea580c;background:#fff7ed}.achievement-icon-container.bg-cyan{color:#0891b2;background:#ecfeff}.achievement-details-col{flex:1}.achievement-title-row{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.achievement-item-title{color:#0f172a;margin:0;font-size:13.5px;font-weight:700}.achievement-fraction-text{color:#475569;font-size:12px;font-weight:700}.achievement-item-desc{color:#64748b;margin:0 0 6px;font-size:11.5px}.achievement-progress-track{background:#f1f5f9;border-radius:9999px;width:100%;height:6px;overflow:hidden}.achievement-progress-bar{border-radius:9999px;height:100%;transition:width .6s}.achievement-progress-bar.bar-purple{background:#4f46e5}.achievement-progress-bar.bar-blue{background:#10b981}.achievement-progress-bar.bar-orange{background:#f59e0b}.achievement-progress-bar.bar-cyan{background:#06b6d4}.donut-distribution-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.donut-chart-wrapper{flex-shrink:0;width:130px;height:130px;position:relative}.donut-chart-svg{width:100%;height:100%;transform:rotate(0)}.donut-center-label{text-align:center;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-center-value{color:#0f172a;font-size:22px;font-weight:800;line-height:1.1}.donut-center-sub{color:#64748b;font-size:10px;font-weight:600}.donut-legend-col{flex-direction:column;flex:1;gap:8px;display:flex}.legend-row-item{justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.legend-left{align-items:center;gap:8px;display:flex}.legend-bullet-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.legend-cat-name{color:#334155;font-weight:500}.legend-cat-percent{color:#0f172a;font-weight:700}.progress-summary-bottom-box{background:#f5f3ff;border:1px solid #ede9fe;border-radius:14px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.summary-bulb-icon-box{background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 1px 3px #8b5cf626}.summary-bulb-icon{color:#7c3aed}.summary-bulb-text{flex-direction:column;display:flex}.summary-bulb-title{color:#4c1d95;margin:0 0 2px;font-size:13px;font-weight:700}.summary-bulb-subtitle{color:#6d28d9;margin:0;font-size:11.5px;line-height:1.35}@media (width<=1200px){.progress-summary-grid{grid-template-columns:repeat(2,1fr)}.progress-analytics-grid{grid-template-columns:1fr}.progress-lower-grid{grid-template-columns:1fr 1fr}}@media (width<=860px){.progress-lower-grid{grid-template-columns:1fr}.progress-top-header-row{flex-direction:column;align-items:flex-start}.progress-header-right{justify-content:space-between;width:100%}}@media (width<=600px){.progress-summary-grid{grid-template-columns:1fr}.bar-chart-container,.line-chart-container{height:200px}.bar-column-item{width:38px}}.student-courses-page-wrapper{color:#0f172a;flex-direction:column;gap:1.25rem;max-width:1440px;margin:0 auto;padding:.5rem .5rem 3rem;font-family:inherit;display:flex}.student-courses-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.header-left-titles{flex-direction:column;display:flex}.header-main-title{color:#0f172a;letter-spacing:-.025em;margin:0;font-size:clamp(1.7rem,2.6vw,2.4rem);font-weight:850;line-height:1.2}.header-title-accent{color:#4f46e5}.header-sub-title{color:#64748b;margin:.35rem 0 0;font-size:.95rem;font-weight:450}.header-right-controls{align-items:center;gap:1rem;display:flex}.header-notif-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;text-decoration:none;transition:all .15s;display:flex;position:relative;box-shadow:0 1px 2px #0000000a}.header-notif-btn:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.header-notif-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:9999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 3px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.header-search-box{width:320px;position:relative}.header-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.header-search-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;outline:none;width:100%;height:44px;padding:0 36px 0 40px;font-size:.88rem;transition:all .2s;box-shadow:0 1px 2px #00000008}.header-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.header-search-input::placeholder{color:#94a3b8}.header-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.header-search-clear:hover{color:#475569}.student-filters-bar{flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:.25rem;display:flex}.filter-select-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:auto;min-width:135px;max-width:200px;padding:.45rem .85rem;transition:border-color .15s;display:flex;position:relative;box-shadow:0 1px 2px #00000005}.filter-select-card:hover,.filter-select-card:focus-within{border-color:#cbd5e1}.filter-card-label{color:#64748b;text-transform:capitalize;pointer-events:none;margin-bottom:.1rem;font-size:.68rem;font-weight:600}.filter-card-select-wrap{justify-content:space-between;align-items:center;display:flex;position:relative}.filter-card-select{color:#0f172a;cursor:pointer;appearance:none;background:0 0;border:none;outline:none;width:100%;padding-right:18px;font-size:.88rem;font-weight:700}.filter-select-chevron{pointer-events:none;color:#64748b;position:absolute;right:0}.btn-clear-filters-link{color:#4f46e5;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.88rem;font-weight:700;transition:background .15s;display:inline-flex}.btn-clear-filters-link:hover{color:#4338ca;background:#eef2ff}.student-results-subbar{justify-content:space-between;align-items:center;margin-top:.5rem;margin-bottom:.25rem;display:flex}.results-count-text{color:#64748b;font-size:.92rem;font-weight:550}.view-mode-buttons-group{align-items:center;gap:.5rem;display:flex}.view-mode-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.view-mode-btn.active.grid{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 2px 6px #4f46e540}.view-mode-btn.inactive{color:#64748b;background:#fff;border-color:#e2e8f0}.view-mode-btn.inactive:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.courses-catalogue-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}@media (width<=1300px){.courses-catalogue-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=960px){.courses-catalogue-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.courses-catalogue-grid{grid-template-columns:1fr}}.course-display-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.course-display-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 10px 25px #00000012}.card-thumbnail-container{aspect-ratio:16/9;cursor:pointer;background:#0f172a;width:100%;position:relative;overflow:hidden}.card-thumbnail-img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.course-display-card:hover .card-thumbnail-img{transform:scale(1.03)}.card-fallback-banner{color:#fff;text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:1.25rem;display:flex}.fallback-subject-tag{letter-spacing:.08em;text-transform:uppercase;opacity:.9;margin-bottom:.25rem;font-size:.7rem;font-weight:800}.fallback-title-text{color:#fff;text-shadow:0 1px 4px #0006;margin:0;font-size:1.05rem;font-weight:800;line-height:1.25}.card-play-overlay-circle{-webkit-backdrop-filter:blur(5px);pointer-events:none;background:#ffffff4d;border:1.5px solid #fff9;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,background .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 15px #00000040}.course-display-card:hover .card-play-overlay-circle{background:#ffffff73;transform:translate(-50%,-50%)scale(1.1)}.card-play-icon{margin-left:2px}.card-content-body{flex-direction:column;flex:1;padding:1rem 1.15rem 1.15rem;display:flex}.card-badges-row{align-items:center;gap:.5rem;margin-bottom:.65rem;display:flex}.badge-board-pill{color:#4f46e5;letter-spacing:.02em;background:#eef2ff;border-radius:6px;padding:.2rem .55rem;font-size:.72rem;font-weight:750}.badge-class-pill{color:#d97706;letter-spacing:.02em;background:#fef3c7;border-radius:6px;padding:.2rem .55rem;font-size:.72rem;font-weight:750}.card-title-text{color:#0f172a;letter-spacing:-.015em;cursor:pointer;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;margin:0 0 .35rem;font-size:1.08rem;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.card-title-text:hover{color:#4f46e5}.card-desc-text{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.9em;min-height:2.9em;margin:0 0 .95rem;font-size:.82rem;line-height:1.45;display:-webkit-box;overflow:hidden}.card-teacher-row{align-items:center;gap:.65rem;margin-bottom:.85rem;display:flex}.teacher-avatar-circle{object-fit:cover;background:#eef2ff;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;width:32px;height:32px}.teacher-meta-group{flex-direction:column;display:flex;overflow:hidden}.teacher-name-bold{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:750;line-height:1.2;overflow:hidden}.teacher-specialty-sub{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.72rem;line-height:1.2;overflow:hidden}.card-stats-row{justify-content:space-between;align-items:center;margin-bottom:.95rem;font-size:.8rem;display:flex}.stats-rating-group{align-items:center;gap:.35rem;display:flex}.star-icon-gold{color:#f59e0b}.rating-number-bold{color:#0f172a;font-weight:750}.rating-count-sub{color:#64748b;font-weight:500}.no-rating-sub{color:#94a3b8;font-size:.76rem;font-style:italic}.stats-lessons-group{color:#475569;align-items:center;gap:.35rem;font-weight:600;display:flex}.card-pricing-row{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-top:auto;margin-bottom:.85rem;padding-top:.2rem;display:flex}.price-original-struck{color:#94a3b8;font-size:.88rem;font-weight:500;text-decoration:line-through}.price-offer-prominent{color:#4f46e5;letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.price-discount-pill{color:#ef4444;text-transform:uppercase;letter-spacing:.02em;background:#fee2e2;border-radius:6px;padding:.2rem .55rem;font-size:.72rem;font-weight:750}.list-item-pricing-row{align-items:baseline;gap:.45rem;margin:.4rem 0;display:flex}.btn-view-course-action{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.65rem 0;font-size:.88rem;font-weight:700;text-decoration:none;transition:background .15s,transform .1s;display:flex}.btn-view-course-action:hover{background:#4338ca}.btn-view-course-action:active{transform:scale(.99)}.courses-catalogue-list{flex-direction:column;gap:.85rem;display:flex}.course-display-list-item{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:1.25rem;padding:1rem;transition:all .15s;display:flex;box-shadow:0 1px 2px #00000008}.course-display-list-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.list-item-thumb-box{background:#0f172a;border-radius:10px;flex-shrink:0;width:160px;height:96px;position:relative;overflow:hidden}.list-item-content{flex-direction:column;flex:1;display:flex}.list-item-right-actions{flex-direction:column;align-items:flex-end;gap:.75rem;min-width:160px;display:flex}.catalogue-empty-card{text-align:center;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-icon-bubble{color:#4f46e5;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.25rem;display:flex}.catalogue-empty-card h3{color:#0f172a;margin:0 0 .5rem;font-size:1.25rem;font-weight:800}.catalogue-empty-card p{color:#64748b;max-width:480px;margin:0 0 1.5rem;font-size:.92rem;line-height:1.5}.btn-reset-filters{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;padding:.65rem 1.25rem;font-size:.88rem;font-weight:700;transition:background .15s}.btn-reset-filters:hover{background:#4338ca}.catalogue-loading-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.catalogue-spin-circle{border:3px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}.comm-container{color:#0f172a;background:#f8fafc;flex-direction:column;gap:1.25rem;min-height:calc(100vh - 120px);padding:1.5rem;font-family:inherit;display:flex}.comm-header{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 1px 3px #0000000d}.comm-header-title{color:#0f172a;align-items:center;gap:.5rem;margin:0;font-size:1.5rem;font-weight:800;display:flex}.comm-header-subtitle{color:#64748b;margin-top:.25rem;margin-bottom:0;font-size:.875rem}.btn-new-message{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:.625rem;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #4f46e533}.btn-new-message:hover{background:#4338ca;transform:translateY(-1px)}.comm-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.comm-tabs-list{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.comm-tab-pill{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.35rem;padding:.45rem .9rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex}.comm-tab-pill:hover{color:#1e293b;background:#f1f5f9}.comm-tab-pill.active{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 2px 6px #4f46e540}.comm-toolbar-right{align-items:center;gap:.75rem;display:flex}.comm-search-wrapper{min-width:240px;position:relative}.comm-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;outline:none;width:100%;padding:.55rem .75rem .55rem 2.2rem;font-size:.875rem;transition:border-color .15s}.comm-search-input:focus{border-color:#4f46e5}.comm-workspace{grid-template-columns:340px 1fr;gap:1.25rem;height:calc(100vh - 270px);min-height:550px;display:grid}.comm-list-panel{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;flex-direction:column;display:flex;overflow-y:auto;box-shadow:0 1px 3px #0000000d}.conv-item{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:.75rem;padding:1rem;transition:background .15s;display:flex}.conv-item:hover{background:#f8fafc}.conv-item.active{background:#eef2ff;border-left:3px solid #4f46e5}.conv-avatar{color:#4f46e5;background:#e0e7ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:700;display:flex}.conv-info{flex:1;min-width:0}.conv-top-row{justify-content:space-between;align-items:baseline;margin-bottom:.25rem;display:flex}.conv-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;max-width:170px;font-size:.9rem;font-weight:700;overflow:hidden}.conv-time{color:#94a3b8;font-size:.75rem}.conv-category-tag{color:#475569;background:#e2e8f0;border-radius:.25rem;margin-bottom:.25rem;padding:.15rem .45rem;font-size:.7rem;font-weight:600;display:inline-block}.conv-bottom-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.conv-snippet{color:#64748b;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:.8125rem;overflow:hidden}.conv-unread-badge{color:#fff;text-align:center;background:#ef4444;border-radius:9999px;min-width:18px;padding:.15rem .45rem;font-size:.7rem;font-weight:700}.comm-chat-panel{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.chat-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.chat-header-user{align-items:center;gap:.85rem;display:flex}.chat-header-name{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700}.chat-header-meta{color:#64748b;align-items:center;gap:.5rem;margin-top:.15rem;font-size:.8rem;display:flex}.chat-badge-category{color:#4f46e5;background:#eef2ff;border-radius:.375rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600}.chat-badge-status{border-radius:.375rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600}.status-open{color:#059669;background:#ecfdf5}.status-pending{color:#d97706;background:#fffbeb}.status-resolved{color:#64748b;background:#f1f5f9}.chat-messages-area{background:#fafafa;flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.msg-row{gap:.75rem;max-width:75%;display:flex}.msg-row.sent{flex-direction:row-reverse;align-self:flex-end}.msg-row.received{align-self:flex-start}.msg-bubble{word-break:break-word;border-radius:1rem;padding:.85rem 1.15rem;font-size:.875rem;line-height:1.5;position:relative}.msg-row.sent .msg-bubble{color:#fff;background:#4f46e5;border-bottom-right-radius:.25rem}.msg-row.received .msg-bubble{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:.25rem;box-shadow:0 1px 2px #0000000d}.msg-sender-name{color:#6366f1;margin-bottom:.25rem;font-size:.75rem;font-weight:700}.msg-time{opacity:.75;text-align:right;margin-top:.35rem;font-size:.7rem;display:block}.msg-attachment{background:#0000000d;border-radius:.5rem;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem;font-size:.8rem;display:flex}.msg-row.sent .msg-attachment{color:#fff;background:#ffffff26}.chat-composer{background:#fff;border-top:1px solid #e2e8f0;padding:1rem 1.5rem}.composer-form{align-items:center;gap:.75rem;display:flex}.composer-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;outline:none;flex:1;min-width:0;padding:.75rem 1rem;font-size:.875rem;transition:all .15s}.composer-input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.btn-attach{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.btn-attach:hover{color:#1e293b;background:#e2e8f0}.btn-send{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex;box-shadow:0 2px 6px #4f46e54d}.btn-send:hover{background:#4338ca;transform:scale(1.02)}.btn-send:disabled{cursor:not-allowed;box-shadow:none;background:#cbd5e1}.comm-empty-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}.comm-empty-icon{color:#4f46e5;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0f172a99;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:1.25rem;flex-direction:column;gap:1.25rem;width:100%;max-width:500px;padding:1.75rem;display:flex;box-shadow:0 25px 50px -12px #00000040}.modal-header{justify-content:space-between;align-items:center;display:flex}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-input,.form-select,.form-textarea{border:1px solid #cbd5e1;border-radius:.5rem;outline:none;width:100%;padding:.65rem .85rem;font-family:inherit;font-size:.875rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600}.btn-primary{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:.5rem;padding:.6rem 1.4rem;font-size:.875rem;font-weight:600;transition:all .2s}.btn-primary:hover{background:#4338ca}@media (width<=900px){.comm-workspace{grid-template-columns:minmax(0,1fr);height:auto;min-height:0}.comm-list-panel{max-height:360px}.comm-chat-panel{min-width:0;height:560px}}@media (width<=640px){.chat-composer{padding:.75rem}.composer-form{gap:.5rem}}.student-doubt-center-container{color:#0f172a;max-width:1440px;margin:0 auto;padding:24px 32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.doubt-center-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.header-title-row{align-items:center;gap:16px;display:flex}.header-icon-box{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #6366f140}.header-icon{color:#fff;width:24px;height:24px}.header-main-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:24px;font-weight:700}.header-subtitle{color:#64748b;margin:0;font-size:14px}.btn-ask-doubt{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #2563eb40}.btn-ask-doubt:hover{transform:translateY(-1px);box-shadow:0 6px 18px #2563eb59}.doubt-stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.stat-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f}.stat-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-total{background:#e0e7ff}.stat-awaiting{background:#fef3c7}.stat-progress{background:#dbeafe}.stat-answered{background:#f3e8ff}.stat-resolved{background:#d1fae5}.stat-info{flex-direction:column;display:flex}.stat-value{color:#0f172a;font-size:22px;font-weight:700;line-height:1.2}.stat-label{color:#64748b;margin-top:2px;font-size:12px;font-weight:500}.doubt-workspace-grid{grid-template-columns:460px 1fr;gap:24px;min-height:650px;display:grid}.doubts-list-column{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;height:680px;padding:16px;display:flex;box-shadow:0 1px 3px #0000000a}.doubts-filter-bar{gap:10px;margin-bottom:12px;display:flex}.search-input-wrap{flex:1;position:relative}.search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.doubt-search-input{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:9px 32px 9px 36px;font-size:13px;transition:border-color .15s}.doubt-search-input:focus{background:#fff;border-color:#4f46e5}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.doubt-subject-select{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 12px;font-size:13px;font-weight:500}.doubt-status-tabs{border-bottom:1px solid #f1f5f9;gap:6px;margin-bottom:12px;padding-bottom:8px;display:flex;overflow-x:auto}.status-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #0000;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.status-tab-btn:hover{color:#334155;background:#f1f5f9}.status-tab-btn.active{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.doubts-scroll-area{flex:1;padding-right:4px;overflow-y:auto}.doubts-cards-stack{flex-direction:column;gap:10px;display:flex}.doubt-item-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px;transition:all .2s;display:flex}.doubt-item-card:hover{background:#fbfcfe;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.doubt-item-card.selected{background:#f8faff;border-color:#6366f1;box-shadow:0 0 0 1px #6366f1}.card-top-row{justify-content:space-between;align-items:center;display:flex}.subject-pill{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.subject-math{color:#4338ca;background:#e0e7ff}.subject-science{color:#065f46;background:#d1fae5}.subject-english{color:#92400e;background:#fef3c7}.subject-social{color:#9a3412;background:#ffedd5}.subject-general{color:#475569;background:#f1f5f9}.doubt-badge{border-radius:9999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.dot{border-radius:50%;width:6px;height:6px}.dot-amber{background:#f59e0b}.dot-purple{background:#a855f7}.dot-blue{background:#3b82f6}.dot-indigo{background:#6366f1}.badge-submitted{color:#92400e;background:#fef3c7}.badge-unassigned{color:#7e22ce;background:#f3e8ff}.badge-inprogress{color:#1e40af;background:#dbeafe}.badge-answered{color:#3730a3;background:#e0e7ff}.badge-resolved{color:#166534;background:#dcfce7}.card-doubt-title{color:#0f172a;margin:0;font-size:14px;font-weight:600;line-height:1.4}.card-context-row{color:#64748b;align-items:center;gap:8px;font-size:12px;display:flex}.chapter-tag{color:#475569;background:#f1f5f9;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;display:inline-flex}.class-tag{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 7px;font-size:11px}.card-description-snippet{color:#475569;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.card-response-preview{color:#334155;-webkit-line-clamp:1;background:#f8fafc;border-left:3px solid #6366f1;border-radius:4px;-webkit-box-orient:vertical;padding:6px 10px;font-size:12px;display:-webkit-box;overflow:hidden}.preview-label{color:#4338ca;margin-right:4px;font-weight:600}.card-footer-row{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:4px;font-size:11px;display:flex}.card-time-wrap{align-items:center;gap:4px;display:flex}.card-replies-count{color:#4f46e5;align-items:center;gap:4px;font-weight:600;display:flex}.doubt-detail-column{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;height:720px;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.detail-content-wrap{flex-direction:column;height:100%;display:flex;overflow:hidden}.detail-header-panel{background:#fafcff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 20px;display:flex}.detail-header-left{flex-direction:column;gap:8px;display:flex}.btn-back-to-list{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:4px;font-size:13px;font-weight:500;display:none}.detail-subject-status{align-items:center;gap:10px;display:flex}.detail-doubt-title{color:#0f172a;margin:0;font-size:18px;font-weight:700;line-height:1.3}.detail-meta-row{color:#64748b;flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.meta-item{align-items:center;gap:4px;display:inline-flex}.btn-resolve-doubt{color:#065f46;cursor:pointer;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-resolve-doubt:hover{background:#d1fae5}.detail-thread-body{background:#f8fafc;flex-direction:column;flex:1;gap:14px;min-height:0;padding:16px 20px;display:flex;overflow-y:auto}.original-question-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;box-shadow:0 1px 2px #0000000a}.question-card-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.author-badge-group{align-items:center;gap:10px;display:flex}.student-avatar-badge{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.author-name{color:#0f172a;font-size:13px;font-weight:600}.author-time{color:#94a3b8;font-size:11px}.question-content-text{color:#1e293b;white-space:pre-wrap;font-size:14px;line-height:1.6}.thread-attachment-box{background:#f1f5f9;border-radius:8px;align-items:center;gap:12px;margin-top:12px;padding:8px 14px;display:flex}.attachment-details{flex:1;justify-content:space-between;align-items:center;display:flex}.attachment-title{color:#334155;text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:13px;font-weight:500;overflow:hidden}.btn-download-attachment{color:#4f46e5;align-items:center;gap:4px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.btn-download-attachment:hover{text-decoration:underline}.routing-info-banner{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:flex}.responses-flow{flex-direction:column;gap:12px;display:flex}.response-bubble-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:14px 18px;display:flex;box-shadow:0 1px 2px #00000008}.teacher-bubble{background:#fff;border-left:4px solid #4f46e5}.student-bubble{background:#f8faff;border-left:4px solid #2563eb}.response-header{justify-content:space-between;align-items:center;display:flex}.avatar-pill{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.teacher-pill{color:#fff;background:#4f46e5}.student-pill{color:#fff;background:#2563eb}.response-author-name{color:#0f172a;margin-right:6px;font-size:13px;font-weight:600}.teacher-role-tag{color:#3730a3;text-transform:uppercase;background:#e0e7ff;border-radius:4px;margin-right:8px;padding:2px 6px;font-size:10px;font-weight:700}.response-timestamp{color:#94a3b8;font-size:11px}.response-body-text{color:#1e293b;white-space:pre-wrap;font-size:14px;line-height:1.5}.no-responses-yet{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;padding:40px 20px}.no-responses-yet h4{color:#334155;margin:0 0 6px;font-size:15px;font-weight:600}.no-responses-yet p{color:#64748b;margin:0;font-size:13px}.detail-composer-panel{background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;padding:16px 24px}.composer-error-alert{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding:8px 14px;font-size:13px;animation:.2s fadeInComposer;display:flex}.alert-content-group{align-items:center;gap:8px;display:flex}.btn-dismiss-alert{color:#991b1b;cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:opacity .15s;display:flex}.btn-dismiss-alert:hover{opacity:1}.composer-editor-box{background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;flex-direction:column;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 3px #0000000a}.composer-editor-box:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.composer-textarea{color:#0f172a;resize:none;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;min-height:88px;max-height:240px;padding:14px 16px 10px;font-family:inherit;font-size:14px;line-height:1.55}.composer-textarea::placeholder{color:#94a3b8}.composer-attached-preview{background:#f0f7ff;border:1px solid #bfdbfe;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;max-width:fit-content;margin:4px 14px 10px;padding:6px 12px;display:inline-flex}.attached-file-info{align-items:center;gap:8px;min-width:0;display:flex}.attached-name{color:#1e3a8a;text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:13px;font-weight:500;overflow:hidden}.attached-size{color:#64748b;flex-shrink:0;font-size:12px;font-weight:500}.btn-remove-attach{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex}.btn-remove-attach:hover{color:#dc2626;background:#fee2e2}.composer-toolbar{background:#fafbfc;border-top:1px solid #f1f5f9;border-bottom-right-radius:11px;border-bottom-left-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px 10px;display:flex}.toolbar-left{align-items:center;gap:10px;display:flex}.btn-add-attachment{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-add-attachment:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}.hidden-file-input{display:none!important}.composer-format-hint{color:#94a3b8;font-size:12px}.toolbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.char-counter{color:#94a3b8;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.char-counter.near-limit{color:#d97706;font-weight:600}.shortcut-hint{color:#94a3b8;letter-spacing:.3px;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;padding:3px 6px;font-size:11px}.btn-send-reply{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #2563eb33}.btn-send-reply:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 4px #2563eb40}.btn-send-reply:disabled{color:#64748b;cursor:not-allowed;box-shadow:none;background:#cbd5e1;transform:none}@keyframes fadeInComposer{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.detail-empty-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px;display:flex}.empty-icon-ring{background:#e0e7ff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;display:flex}.detail-empty-placeholder h3{color:#1e293b;margin:0 0 6px;font-size:18px;font-weight:700}.detail-empty-placeholder p{color:#64748b;max-width:360px;margin:0;font-size:14px;line-height:1.5}.detail-loading-state,.doubts-state-box{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:48px 20px;display:flex}.btn-state-action{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;margin-top:16px;padding:8px 16px;font-size:13px;font-weight:600}.doubt-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.doubt-modal-dialog{background:#fff;border-radius:18px;width:100%;max-width:680px;max-height:90vh;padding:28px;animation:.2s cubic-bezier(.16,1,.3,1) modalIn;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modal-title-wrap{align-items:center;gap:14px;display:flex}.modal-header-icon{background:#e0e7ff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.modal-title{color:#0f172a;margin:0 0 2px;font-size:20px;font-weight:700}.modal-subtitle{color:#64748b;margin:0;font-size:13px}.btn-close-modal{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:color .15s}.btn-close-modal:hover{color:#334155;background:#f1f5f9}.modal-alert{border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.alert-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.modal-form{flex-direction:column;gap:16px;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-field{flex-direction:column;gap:6px;display:flex}.form-label{color:#334155;font-size:13px;font-weight:600}.req{color:#ef4444}.form-select,.form-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;height:42px;padding:0 12px;font-size:13px;transition:border-color .15s}.form-select:focus,.form-input:focus,.form-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #6366f11f}.form-textarea{color:#0f172a;resize:vertical;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.upload-dropzone{cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:20px;transition:all .15s;display:flex}.upload-dropzone:hover{background:#f8faff;border-color:#6366f1}.dropzone-text{color:#4338ca;font-size:13px;font-weight:600}.dropzone-subtext{color:#64748b;margin-top:2px;font-size:11px}.selected-file-preview{background:#f1f5f9;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.img-thumbnail{object-fit:cover;border-radius:6px;width:44px;height:44px}.selected-file-info{flex-direction:column;flex:1;display:flex}.file-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;max-width:380px;font-size:13px;font-weight:500;overflow:hidden}.file-size{color:#64748b;font-size:11px}.btn-remove-selected-file{color:#94a3b8;cursor:pointer;background:0 0;border:none}.btn-remove-selected-file:hover{color:#ef4444}.modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:12px;margin-top:8px;padding-top:16px;display:flex}.btn-cancel{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .15s}.btn-cancel:hover{background:#e2e8f0}.btn-submit-doubt{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 20px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 4px 12px #2563eb40}.btn-submit-doubt:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.btn-submit-doubt:disabled{opacity:.7;cursor:not-allowed}.doubt-spinner{border:3px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:.8s linear infinite spin}.doubt-btn-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@media (width<=1024px){.doubt-workspace-grid{grid-template-columns:1fr}.doubts-list-column.has-active-selection,.doubt-detail-column.is-empty{display:none}.btn-back-to-list{display:inline-flex}}.parent-dash-view{flex-direction:column;gap:1.75rem;max-width:1360px;margin:0 auto;display:flex}.parent-dash-welcome{background:linear-gradient(135deg,#f8fafc 0%,#eff6ff 100%);border:1px solid #e2e8f0;border-radius:1.25rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;display:flex}.parent-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.75rem;font-weight:800}.parent-subtitle{color:#64748b;margin:0;font-size:.9rem;font-weight:500}.parent-header-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.btn-contact-admin{color:#fff;background-color:#4f46e5;border-radius:9999px;align-items:center;gap:.45rem;padding:.65rem 1.25rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #4f46e540}.btn-contact-admin:hover{background-color:#4338ca;transform:translateY(-1px)}.child-selector-wrap{align-items:center;gap:.5rem;display:flex}.child-select-dropdown{color:#0f172a;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:9999px;outline:none;padding:.55rem 1.25rem;font-size:.85rem;font-weight:700;transition:border-color .15s;box-shadow:0 2px 6px #0f172a0d}.child-select-dropdown:focus{border-color:#4f46e5}.child-display-pill{background-color:#fff;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:.75rem;padding:.45rem 1.25rem;display:flex;box-shadow:0 2px 6px #0f172a0a}.child-pill-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.child-pill-text{flex-direction:column;display:flex}.child-pill-name{color:#0f172a;font-size:.875rem;font-weight:800;line-height:1.2}.child-pill-grade{color:#64748b;font-size:.725rem;font-weight:500}.child-tabs-bar{align-items:center;gap:.65rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.child-tab-btn{color:#475569;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:.5rem;padding:.45rem 1.15rem;font-size:.825rem;font-weight:700;transition:all .2s;display:inline-flex}.child-tab-btn:hover{color:#0f172a;border-color:#cbd5e1}.child-tab-btn.active{color:#fff;background-color:#4f46e5;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e533}.parent-metrics-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.p-metric-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:1.15rem;align-items:center;gap:1rem;padding:1.25rem 1.35rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0f172a0a}.p-metric-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f172a14}.p-metric-icon-box{border-radius:.95rem;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.box-emerald{color:#16a34a;background-color:#dcfce7}.box-cyan{color:#0891b2;background-color:#cffafe}.box-purple{color:#9333ea;background-color:#f3e8ff}.box-blue{color:#2563eb;background-color:#dbeafe}.p-metric-data{flex-direction:column;display:flex}.p-metric-value{color:#0f172a;font-size:1.55rem;font-weight:800;line-height:1.15}.p-metric-label{color:#64748b;margin-top:.2rem;font-size:.8rem;font-weight:600}.parent-two-col-grid{grid-template-columns:1.4fr 1fr;gap:1.5rem;display:grid}.parent-panel-box{background-color:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;flex-direction:column;padding:1.35rem 1.5rem;display:flex;box-shadow:0 2px 8px #0f172a0a}.panel-header-row{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.panel-title{color:#0f172a;margin:0;font-size:1.1rem;font-weight:800}.btn-report-pill{color:#4f46e5;cursor:pointer;background-color:#eef2ff;border:1px solid #c7d2fe;border-radius:9999px;padding:.4rem .95rem;font-size:.775rem;font-weight:700;transition:all .2s}.btn-report-pill:hover{color:#fff;background-color:#4f46e5}.perf-bars-cluster{justify-content:space-around;align-items:flex-end;gap:1rem;height:200px;padding-top:1.5rem;display:flex}.perf-bar-col{flex-direction:column;align-items:center;gap:.5rem;height:100%;display:flex}.bar-pct-top{color:#475569;font-size:.75rem;font-weight:700}.bar-track{background-color:#f1f5f9;border-radius:.5rem;align-items:flex-end;width:38px;height:140px;display:flex;overflow:hidden}.bar-fill{border-radius:.5rem;width:100%;transition:height .6s cubic-bezier(.16,1,.3,1)}.bar-purple{background:linear-gradient(#818cf8,#6366f1)}.bar-blue{background:linear-gradient(#60a5fa,#3b82f6)}.bar-emerald{background:linear-gradient(#34d399,#10b981)}.bar-amber{background:linear-gradient(#fbbf24,#f59e0b)}.bar-cyan{background:linear-gradient(#38bdf8,#06b6d4)}.bar-pink{background:linear-gradient(#f472b6,#ec4899)}.bar-label{color:#334155;white-space:nowrap;font-size:.775rem;font-weight:700}.tests-table-wrap{overflow-x:auto}.tests-table{border-collapse:collapse;text-align:left;width:100%;font-size:.85rem}.tests-table th{color:#64748b;text-transform:uppercase;letter-spacing:.03em;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.65rem .85rem;font-size:.75rem;font-weight:700}.tests-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.85rem}.test-title-cell{color:#0f172a;font-weight:700}.test-subj-tag{color:#4f46e5;background-color:#eef2ff;border-radius:.35rem;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.score-badge{color:#15803d;background-color:#dcfce7;border-radius:.4rem;padding:.2rem .55rem;font-size:.775rem;font-weight:800;display:inline-block}.live-classes-stack{flex-direction:column;gap:.75rem;display:flex}.live-class-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:.95rem;align-items:center;gap:.85rem;padding:.75rem .85rem;transition:all .2s;display:flex}.live-class-card:hover{border-color:#e2e8f0;box-shadow:0 4px 12px #0f172a0d}.live-class-icon{color:#6366f1;background-color:#eef2ff;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.live-class-content{flex:1;min-width:0}.live-class-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .15rem;font-size:.85rem;font-weight:700;overflow:hidden}.live-class-timing{color:#64748b;align-items:center;gap:.35rem;font-size:.725rem;font-weight:500;display:inline-flex}.live-join-btn{color:#fff;background-color:#4f46e5;border-radius:9999px;padding:.45rem 1rem;font-size:.775rem;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 2px 6px #4f46e540}.live-join-btn:hover{background-color:#3730a3;transform:scale(1.05)}.notifications-feed{flex-direction:column;gap:.85rem;display:flex}.notif-item{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:.85rem;align-items:flex-start;gap:.85rem;padding:.75rem;display:flex}.notif-bullet{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.bullet-green{background:#10b981}.bullet-blue{background:#3b82f6}.bullet-purple{background:#8b5cf6}.notif-heading{color:#0f172a;margin:0 0 .15rem;font-size:.85rem;font-weight:700}.notif-desc{color:#64748b;margin:0 0 .25rem;font-size:.8rem;line-height:1.35}.notif-time{color:#94a3b8;font-size:.725rem;font-weight:500}.parent-empty-state{text-align:center;background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;min-height:180px;margin:.5rem 0;padding:2.5rem 1.5rem;display:flex}.empty-state-icon-box{border-radius:1rem;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:.85rem;display:flex}.empty-state-title{color:#0f172a;margin:0 0 .35rem;font-size:1rem;font-weight:800}.empty-state-desc{color:#64748b;max-width:360px;margin:0 0 1.25rem;font-size:.825rem;line-height:1.45}.report-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a99;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.report-modal-dialog{background-color:#fff;border-radius:1.25rem;flex-direction:column;width:100%;max-width:680px;max-height:85vh;animation:.2s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;overflow:hidden;box-shadow:0 20px 40px #0f172a40}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.report-modal-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.report-modal-title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:800}.report-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:.35rem;justify-content:center;align-items:center;padding:.35rem;display:flex}.report-modal-close:hover{color:#0f172a;background-color:#e2e8f0}.report-modal-body{flex-direction:column;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}@media (width<=1024px){.parent-two-col-grid{grid-template-columns:1fr}}@media (width<=768px){.parent-metrics-grid{grid-template-columns:repeat(2,1fr)}.parent-dash-welcome{flex-direction:column;align-items:flex-start}.parent-header-actions{justify-content:space-between;width:100%}}@media (width<=480px){.parent-metrics-grid{grid-template-columns:1fr}}:root{--primary:#4f46e5;--primary-dark:#3730a3;--primary-hover:#4338ca;--primary-light:#eef2ff;--primary-glow:#4f46e52e;--brand-blue:#2563eb;--brand-purple:#6366f1;--brand-dark:#1e1b4b;--brand-badge-bg:#e0e7ff;--secondary:#f59e0b;--accent-cyan:#06b6d4;--accent-teal:#0d9488;--accent-rose:#e11d48;--accent-green:#10b981;--bg-color:#f8fafc;--bg-hero:#f4f6ff;--surface:#fff;--surface-alt:#f1f5f9;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--border-light:#e2e8f0;--border-focus:#818cf8;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Outfit", "Inter", sans-serif;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #00000014, 0 1px 2px -1px #00000014;--shadow-md:0 4px 12px -2px #00000014, 0 2px 6px -2px #0000000a;--shadow-lg:0 12px 24px -4px #00000014, 0 4px 12px -4px #0000000a;--shadow-card:0 4px 20px #0f172a0f;--shadow-hover:0 16px 32px -8px #4f46e524;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.75rem;--radius-pill:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);font-weight:700;line-height:1.25}a{color:inherit;transition:all var(--transition-fast);text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 1.25rem}.brand-gradient-text{background:linear-gradient(135deg,#4338ca 0%,#6366f1 50%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn{font-family:var(--font-heading);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-normal);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border:1px solid #4338ca;box-shadow:0 4px 14px #4f46e559}.btn-primary:hover{background:linear-gradient(135deg,#4338ca 0%,#3730a3 100%);transform:translateY(-1px);box-shadow:0 6px 20px #4f46e573}.btn-outline{color:var(--text-main);border:1.5px solid var(--border-light);background-color:#fff}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background-color:var(--primary-light);transform:translateY(-1px)}.btn-outline-primary{color:var(--primary);border:1.5px solid var(--primary);background-color:#0000}.btn-outline-primary:hover{background-color:var(--primary);color:#fff}.btn-pill-sm{border-radius:var(--radius-pill);padding:.45rem 1rem;font-size:.85rem}.btn-white{color:var(--primary-dark);background-color:#fff;border:1px solid #fff;font-weight:700;box-shadow:0 4px 14px #0000001f}.btn-white:hover{background-color:#f8fafc;transform:translateY(-1px);box-shadow:0 6px 20px #0000002e}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeUp}.section-padding{padding:4.5rem 0}@media (width<=768px){.section-padding{padding:3rem 0}}