@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";.navbar{background:var(--navbar-bg,#fffffff7);border-bottom:1px solid var(--navbar-border,#e2e8f0);z-index:500;-webkit-backdrop-filter:blur(12px);position:sticky;top:0;box-shadow:0 1px 8px #00000012}:root[data-theme=dark] .navbar{background:#0f172af7;border-bottom-color:#ffffff14;box-shadow:0 1px 8px #0006}.navbar-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1280px;height:62px;margin:0 auto;padding:0 28px;display:flex}.navbar-logo{white-space:nowrap;flex-shrink:0;text-decoration:none}.logo-text{font-family:var(--font-display,"Inter", sans-serif);letter-spacing:-.5px;background:linear-gradient(135deg,#1d4ed8,#0ea5e9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:900}.navbar-links{flex:1;justify-content:center;align-items:center;gap:2px;display:flex;overflow:visible}.nav-link{color:var(--text-secondary,#475569);white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:6px 11px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.nav-link svg{flex-shrink:0}.nav-link:hover{color:#1d4ed8;background:#1d4ed814}.nav-link.active{color:#1d4ed8;background:#1d4ed81a;font-weight:700}:root[data-theme=dark] .nav-link{color:#f1f5f9b3}:root[data-theme=dark] .nav-link:hover{color:#60a5fa;background:#60a5fa1f}:root[data-theme=dark] .nav-link.active{color:#60a5fa;background:#60a5fa26}.navbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.profile-menu-wrap{position:relative}.profile-btn{border:1.5px solid var(--navbar-border,#e2e8f0);cursor:pointer;color:var(--text-primary,#1e293b);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:5px 10px 5px 5px;font-size:.875rem;font-weight:600;transition:all .15s;display:flex}.profile-btn:hover{background:var(--bg-secondary,#f8fafc);border-color:#cbd5e1}:root[data-theme=dark] .profile-btn{color:#f1f5f9;border-color:#ffffff1f}:root[data-theme=dark] .profile-btn:hover{background:#ffffff0f}.avatar{color:#fff;background:linear-gradient(135deg,#1d4ed8,#0ea5e9);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.875rem;font-weight:800;display:flex}.avatar-lg{border-radius:10px;width:40px;height:40px;font-size:1rem}.profile-name{color:var(--text-primary,#1e293b);text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-weight:600;overflow:hidden}.profile-dropdown{background:var(--bg-primary,#fff);border:1px solid var(--navbar-border,#e2e8f0);z-index:600;border-radius:14px;min-width:210px;animation:.15s fadeInDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 40px #00000024}:root[data-theme=dark] .profile-dropdown{background:#1e293b;border-color:#ffffff1a;box-shadow:0 12px 40px #00000080}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{background:var(--bg-secondary,#f8fafd);align-items:center;gap:10px;padding:14px 16px;display:flex}:root[data-theme=dark] .dropdown-header{background:#ffffff0a}.dropdown-divider{background:var(--navbar-border,#f1f5f9);height:1px}:root[data-theme=dark] .dropdown-divider{background:#ffffff12}.dropdown-item{width:100%;color:var(--text-secondary,#475569);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:9px;padding:10px 16px;font-size:.855rem;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.dropdown-item:hover{background:var(--bg-secondary,#f8fafc);color:var(--text-primary,#1e293b)}:root[data-theme=dark] .dropdown-item{color:#f1f5f9bf}:root[data-theme=dark] .dropdown-item:hover{color:#f1f5f9;background:#ffffff0f}.text-red{color:#dc2626!important}.text-red:hover{background:#dc262614!important}.hamburger{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:none}.hamburger:hover{background:var(--bg-secondary,#f1f5f9)}.mobile-menu{border-top:1px solid var(--navbar-border,#e2e8f0);background:var(--navbar-bg,#fff);flex-direction:column;gap:2px;max-height:80vh;padding:12px;animation:.2s fadeInDown;display:flex;overflow-y:auto}:root[data-theme=dark] .mobile-menu{background:#0f172a;border-top-color:#ffffff14}.mobile-menu a,.mobile-menu button{color:var(--text-primary,#1e293b);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 14px;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .12s;display:block}.mobile-menu a:hover,.mobile-menu button:hover{background:var(--bg-secondary,#f8fafc)}:root[data-theme=dark] .mobile-menu a,:root[data-theme=dark] .mobile-menu button{color:#e2e8f0}:root[data-theme=dark] .mobile-menu a:hover,:root[data-theme=dark] .mobile-menu button:hover{background:#ffffff0f}.mobile-menu-section{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-secondary,#64748b);border-top:1px solid var(--navbar-border,#e2e8f0);margin-top:4px;padding:8px 14px 4px;font-size:.7rem;font-weight:800}.mobile-menu-section:first-child{border-top:none;margin-top:0}:root[data-theme=dark] .mobile-menu-section{color:#ffffff59;border-top-color:#ffffff0f}@media (width<=900px){.navbar-links{display:none}.hamburger{display:flex}.profile-name{display:none}.navbar-inner{padding:0 16px}}.notif-bell-wrap{position:relative}.notif-bell-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:6px 8px;font-size:1.2rem;line-height:1;transition:background .15s;display:flex;position:relative}.notif-bell-btn:hover{background:var(--bg-secondary,#f1f5f9)}.notif-badge{color:#fff;border:1.5px solid var(--navbar-bg,#fff);pointer-events:none;background:#dc2626;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.6rem;font-weight:800;line-height:1;display:flex;position:absolute;top:1px;right:1px}.notif-dropdown{background:var(--bg-primary,#fff);border:1px solid var(--navbar-border,#e2e8f0);z-index:600;border-radius:14px;width:300px;animation:.15s fadeInDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 40px #00000024}:root[data-theme=dark] .notif-dropdown{background:#1e293b;border-color:#ffffff1a;box-shadow:0 12px 40px #00000080}.notif-header{background:var(--bg-secondary,#f8fafd);border-bottom:1px solid var(--navbar-border,#f1f5f9);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}:root[data-theme=dark] .notif-header{background:#ffffff0a;border-bottom-color:#ffffff12}.notif-mark-read{cursor:pointer;color:#1d4ed8;background:0 0;border:none;border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:600}.notif-mark-read:hover{background:#eff6ff}.notif-list{max-height:320px;overflow-y:auto}.notif-empty{text-align:center;color:#94a3b8;padding:24px 16px;font-size:.875rem}.notif-item{border-bottom:1px solid var(--navbar-border,#f1f5f9);padding:12px 16px;transition:background .1s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg-secondary,#f8fafc)}.notif-item.unread{background:#eff6ff}.notif-item.unread:hover{background:#dbeafe}:root[data-theme=dark] .notif-item.unread{background:#60a5fa1a}:root[data-theme=dark] .notif-item.unread:hover{background:#60a5fa26}.notif-title{color:var(--text-primary,#1e293b);margin-bottom:2px;font-size:.85rem;font-weight:700}:root[data-theme=dark] .notif-title{color:#f1f5f9}.notif-msg{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.775rem;overflow:hidden}:root[data-theme=dark] .notif-msg{color:#94a3b8}.notif-time{color:#94a3b8;font-size:.7rem}.bottom-nav{display:none}@media (width<=768px){.bottom-nav{z-index:1000;height:64px;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0);background:#fff;border-top:1px solid #e2e8f0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000014}.bottom-nav-item{color:#94a3b8;-webkit-tap-highlight-color:transparent;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:56px;padding:8px 4px;text-decoration:none;transition:all .2s;display:flex;position:relative}.bottom-nav-item.active{color:#1d4ed8}.bottom-nav-item:active{background:#f0f7ff;transform:scale(.92)}.bottom-nav-icon{font-size:1.4rem;line-height:1;transition:transform .2s}.bottom-nav-item.active .bottom-nav-icon{transform:translateY(-2px)}.bottom-nav-label{letter-spacing:.01em;text-transform:uppercase;font-size:.62rem;font-weight:700}.bottom-nav-dot{background:#1d4ed8;border-radius:50%;width:4px;height:4px;position:absolute;top:6px}:root[data-theme=dark] .bottom-nav{background:#1e293b;border-top:1px solid #ffffff14;box-shadow:0 -4px 20px #0000004d}:root[data-theme=dark] .bottom-nav-item{color:#64748b}:root[data-theme=dark] .bottom-nav-item.active{color:#60a5fa}:root[data-theme=dark] .bottom-nav-item:active{background:#60a5fa1a}}.footer{background:var(--gray-900);color:var(--gray-400);padding:var(--space-16) 0 var(--space-6);margin-top:auto}.footer-grid{gap:var(--space-8);margin-bottom:var(--space-12);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-logo{font-family:var(--font-display);color:#fff;margin-bottom:var(--space-3);background:linear-gradient(135deg,#006bd6,#09f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:900}.footer-brand p{max-width:260px;font-size:.875rem;line-height:1.7}.footer-socials{gap:var(--space-3);margin-top:var(--space-4);display:flex}.footer-socials a{background:var(--gray-800);width:36px;height:36px;color:var(--gray-400);transition:all var(--transition);border-radius:8px;justify-content:center;align-items:center;font-size:1rem;text-decoration:none;display:flex}.footer-socials a:hover{background:var(--ixl-blue);color:#fff}.footer-col h4{color:#fff;margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:700}.footer-col ul{gap:var(--space-3);flex-direction:column;display:flex}.footer-col ul li a{color:var(--gray-400);transition:color var(--transition);font-size:.875rem;text-decoration:none}.footer-col ul li a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--gray-800);padding-top:var(--space-6)}.footer-bottom p{text-align:center;font-size:.8rem}.footer-bottom a{color:var(--gray-400)}.footer-bottom a:hover{color:#fff}@media (width<=768px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.footer-grid{grid-template-columns:1fr}}.hero{background:var(--bg-primary);padding:80px 0 100px;position:relative;overflow:hidden}.hero-bg{pointer-events:none;background:radial-gradient(80% 60% at 70%,#006bd614 0%,#0000 70%),radial-gradient(50% 40% at 20% 80%,#8b5cf60d 0%,#0000 60%);position:absolute;inset:0}.hero .container{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;display:grid}.hero-badge{background:var(--ixl-blue-light);color:var(--ixl-blue);border-radius:var(--radius-full);margin-bottom:var(--space-5);border:1px solid #006bd633;align-items:center;gap:6px;padding:6px 16px;font-size:.85rem;font-weight:700;display:inline-flex}.hero-title{margin-bottom:var(--space-5);font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.1}.hero-gradient{background:linear-gradient(135deg,#006bd6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc{color:var(--text-secondary);margin-bottom:var(--space-8);max-width:520px;font-size:1.1rem}.hero-actions{gap:var(--space-4);margin-bottom:var(--space-10);flex-wrap:wrap;display:flex}.hero-stats{align-items:center;gap:var(--space-5);display:flex}.hero-stat{text-align:center}.hero-stat span{font-family:var(--font-display);color:var(--ixl-blue);font-size:1.5rem;font-weight:900;display:block}.hero-stat p{color:var(--gray-500);font-size:.75rem;font-weight:600}.hero-stat-divider{background:var(--gray-200);width:1px;height:40px}.hero-visual{justify-content:center;align-items:center;display:flex}.hero-card{border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-xl);border:1px solid var(--gray-200);background:#fff;width:100%;max-width:380px;animation:.8s fadeInUp}.hero-card-header{margin-bottom:var(--space-4);align-items:center;gap:6px;display:flex}.hero-card-dot{border-radius:50%;width:10px;height:10px}.hero-card-dot.red{background:#ff5f57}.hero-card-dot.yellow{background:#febc2e}.hero-card-dot.green{background:#28c840}.hero-q-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);font-size:.75rem;font-weight:600}.hero-q-text{color:var(--text-primary);margin-bottom:var(--space-4);font-size:1rem;font-weight:700}.hero-q-options{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.hero-option{border-radius:var(--radius-md);border:1.5px solid var(--gray-200);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);padding:10px 14px;font-size:.9rem;font-weight:600}.hero-option.correct{background:var(--correct-light);border-color:var(--correct);color:var(--correct);animation:.5s pulse}.hero-score-row{align-items:center;gap:var(--space-3);display:flex}.hero-score-label{color:var(--gray-400);white-space:nowrap;font-size:.75rem;font-weight:700}.hero-score-bar{background:var(--gray-200);border-radius:4px;flex:1;height:8px;overflow:hidden}.hero-score-fill{background:linear-gradient(90deg,#22a55b,#006bd6);border-radius:4px;height:100%;transition:width 1s}.hero-score-num{font-family:var(--font-display);color:#22a55b;font-size:1rem;font-weight:900}.subjects-section{background:#fff}.subjects-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.landing-subject-card{align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);border-radius:var(--radius-lg);background:var(--light);border:1px solid var(--color)22;color:inherit;transition:all var(--transition);text-align:center;flex-direction:column;text-decoration:none;display:flex}.landing-subject-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color);transform:translateY(-4px)}.landing-subject-emoji{font-size:2rem}.landing-subject-name{color:var(--color);font-size:.875rem;font-weight:800}.landing-subject-grades{color:var(--gray-400);font-size:.7rem;font-weight:600}.features-section{background:var(--bg-primary)}.features-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{padding:var(--space-6);transition:all var(--transition)}.feature-card:hover{transform:translateY(-4px)}.feature-icon{margin-bottom:var(--space-4);font-size:2.5rem}.feature-title{margin-bottom:var(--space-2);font-size:1.1rem;font-weight:800}.feature-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.7}.smartscore-section{background:#fff}.smartscore-explain{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;display:grid}.smartscore-explain-text h2{margin-bottom:var(--space-4)}.smartscore-explain-text>p{margin-bottom:var(--space-6);font-size:1rem}.zones{gap:var(--space-4);flex-direction:column;display:flex}.zone-row{gap:var(--space-4);align-items:flex-start;display:flex}.zone-badge{border-radius:var(--radius-full);white-space:nowrap;padding:4px 12px;font-size:.8rem;font-weight:800}.zone-label{font-size:.9rem;font-weight:700}.zone-desc{color:var(--gray-500);font-size:.8rem}.smartscore-explain-visual{justify-content:center;display:flex}.big-score-demo{text-align:center}.bsd-arc{display:inline-block;position:relative}.bsd-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bsd-zone{margin-top:var(--space-3);color:#f39c12;font-size:.9rem;font-weight:700}.testimonials-section{background:var(--bg-primary)}.testimonials-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.testimonial-card{padding:var(--space-6)}.testimonial-quote{color:var(--ixl-blue);margin-bottom:var(--space-4);opacity:.3;font-family:Georgia,serif;font-size:4rem;line-height:.5}.testimonial-text{color:var(--text-primary);margin-bottom:var(--space-5);font-size:.9375rem;font-style:italic;line-height:1.7}.testimonial-author{gap:var(--space-3);align-items:center;display:flex}.cta-section{padding:var(--space-20) 0;color:#fff;background:linear-gradient(135deg,#006bd6 0%,#09f 50%,#8b5cf6 100%)}.cta-section h2{color:#fff;margin-bottom:var(--space-3)}.cta-section p{color:#ffffffd9;margin-bottom:var(--space-8);font-size:1.1rem}.cta-buttons{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.cta-section .btn-primary{color:var(--ixl-blue);background:#fff;box-shadow:0 4px 20px #0003}.cta-section .btn-primary:hover{background:#f0f0f0}.cta-section .btn-ghost{color:#fff;border-color:#ffffff80}.cta-section .btn-ghost:hover{background:#ffffff26;border-color:#fff}@media (width<=1024px){.features-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.hero .container{grid-template-columns:1fr}.hero-visual{display:none}.smartscore-explain,.features-grid,.testimonials-grid{grid-template-columns:1fr}}:root[data-theme=dark] .subjects-section,:root[data-theme=dark] .smartscore-section{background:#1e293b}:root[data-theme=dark] .hero-card{background:#1e293b;border-color:#ffffff14;box-shadow:0 12px 40px #0000004d}:root[data-theme=dark] .hero-q-text{color:#e2e8f0}:root[data-theme=dark] .hero-option{color:#cbd5e1;border-color:#ffffff1a}:root[data-theme=dark] .hero-stat-divider{background:#ffffff14}:root[data-theme=dark] .testimonial-text,:root[data-theme=dark] .zone-label{color:#e2e8f0}.modern-auth-wrapper{box-sizing:border-box;background:#090d16;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:48px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:relative;overflow:hidden auto}[data-theme=light] .modern-auth-wrapper{background:#f1f5f9}.auth-bg-blob{filter:blur(100px);pointer-events:none;opacity:.35;border-radius:50%;animation:14s ease-in-out infinite alternate authBlobFloat;position:absolute}.auth-blob-1{background:radial-gradient(circle,#2563eb 0%,#1d4ed8 70%);width:500px;height:500px;top:-100px;left:-100px}.auth-blob-2{background:radial-gradient(circle,#7c3aed 0%,#6d28d9 70%);width:600px;height:600px;animation-delay:-5s;bottom:-150px;right:-150px}.auth-blob-3{opacity:.2;background:radial-gradient(circle,#059669 0%,#047857 70%);width:350px;height:350px;animation-delay:-8s;top:40%;left:20%}@keyframes authBlobFloat{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,-30px)scale(1.08)}to{transform:translate(-25px,25px)scale(.95)}}.modern-auth-card{-webkit-backdrop-filter:blur(24px);z-index:10;box-sizing:border-box;background:#0f172ad1;border:1px solid #ffffff1f;border-radius:28px;flex-direction:column;gap:22px;width:100%;max-width:440px;padding:40px 36px;display:flex;position:relative;box-shadow:0 25px 50px -12px #000000b3,0 0 0 1px #ffffff0d}[data-theme=light] .modern-auth-card{background:#fffffff2;border-color:#e2e8f0e6;box-shadow:0 20px 45px -10px #00000014,0 4px 12px #00000008}.auth-brand-header{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.auth-brand-logo{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:4px;font-size:1.6rem;font-weight:900;display:flex;box-shadow:0 8px 20px #2563eb59}.auth-brand-title{color:#fff;letter-spacing:-.03em;margin:0;font-family:Outfit,Nunito,sans-serif;font-size:1.65rem;font-weight:800}[data-theme=light] .auth-brand-title{color:#0f172a}.auth-brand-subtitle{color:#94a3b8;margin:0;font-size:.85rem;font-weight:500}[data-theme=light] .auth-brand-subtitle{color:#64748b}.auth-role-tabs{background:#02061799;border:1px solid #ffffff0f;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}[data-theme=light] .auth-role-tabs{background:#e2e8f0;border-color:#cbd5e1}.auth-role-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:48px;padding:8px 2px;font-size:.72rem;font-weight:700;transition:all .2s;display:flex}[data-theme=light] .auth-role-tab{color:#475569}.auth-role-tab:hover{color:#f8fafc;background:#ffffff0d}.auth-role-tab.active{background:#2563eb;box-shadow:0 4px 14px #2563eb66;color:#fff!important}.auth-role-emoji{font-size:1.15rem;line-height:1}.auth-field-group{flex-direction:column;gap:6px;display:flex}.auth-field-header{color:#cbd5e1;letter-spacing:.02em;justify-content:space-between;align-items:center;padding-left:2px;font-size:.75rem;font-weight:700;display:flex}[data-theme=light] .auth-field-header{color:#334155}.auth-forgot-link{color:#60a5fa;font-size:.75rem;font-weight:600;text-decoration:none;transition:color .15s}.auth-forgot-link:hover{color:#93c5fd;text-decoration:underline}.auth-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.auth-input-icon{color:#64748b;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:14px}.auth-input-box{color:#f8fafc;box-sizing:border-box;background:#020617a6;border:1.5px solid #ffffff1a;border-radius:14px;width:100%;height:48px;padding:0 16px 0 42px;font-family:inherit;font-size:.9rem;transition:all .2s}[data-theme=light] .auth-input-box{color:#0f172a;background:#fff;border-color:#cbd5e1}.auth-input-box:focus{background:#020617d9;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f633}[data-theme=light] .auth-input-box:focus{background:#fff}.auth-input-box::placeholder{color:#475569}.auth-eye-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:auto;min-height:auto;padding:8px;transition:color .15s;display:flex;position:absolute;right:8px}.auth-eye-btn:hover{color:#cbd5e1}.auth-error-banner{color:#fca5a5;text-align:center;background:#ef444426;border:1px solid #ef444459;border-radius:12px;padding:10px 14px;font-size:.8rem;font-weight:600}.auth-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#4f46e5 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:50px;margin-top:4px;font-size:.95rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 24px #2563eb59}.auth-submit-btn:hover{background:linear-gradient(135deg,#1d4ed8 0%,#4338ca 100%);transform:translateY(-2px);box-shadow:0 12px 30px #2563eb80}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.auth-divider{align-items:center;gap:12px;margin:2px 0;display:flex}.auth-divider-line{background:#ffffff1a;flex:1;height:1px}[data-theme=light] .auth-divider-line{background:#e2e8f0}.auth-divider-text{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:700}.auth-google-btn{color:#e2e8f0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;height:46px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}[data-theme=light] .auth-google-btn{color:#1e293b;background:#fff;border-color:#cbd5e1;box-shadow:0 2px 6px #0000000a}.auth-google-btn:hover{background:#ffffff1a;border-color:#fff3}[data-theme=light] .auth-google-btn:hover{background:#f8fafc;border-color:#94a3b8}.auth-google-icon{flex-shrink:0;display:block;width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;max-height:18px!important}.auth-footer-prompt{text-align:center;color:#94a3b8;margin:0;font-size:.82rem}.auth-signup-link{color:#60a5fa;margin-left:4px;font-weight:700;text-decoration:none;transition:color .15s}.auth-signup-link:hover{color:#93c5fd;text-decoration:underline}.auth-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite authSpin}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-page{min-height:100vh;font-family:var(--font-sans,"Inter", sans-serif);background:#0b1120;justify-content:center;align-items:center;padding:40px 20px;display:flex;overflow:hidden auto}[data-theme=light] .auth-page{background:#f8fafc!important}.auth-card{-webkit-backdrop-filter:blur(20px);z-index:10;background:#0f172ae0;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:480px;padding:44px 40px;animation:.35s cubic-bezier(.16,1,.3,1) authSlide;position:relative;box-shadow:0 20px 60px -15px #0009}[data-theme=light] .auth-card{background:#fffffff0!important;border-color:#e2e8f0e6!important;box-shadow:0 20px 45px -10px #00000014,0 4px 6px -2px #00000005!important}@keyframes authSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.auth-card{padding:32px 24px}}.auth-header{text-align:center;margin-bottom:28px}.auth-logo{color:#1d4ed8;letter-spacing:-.3px;margin-bottom:20px;font-size:1rem;font-weight:900;text-decoration:none;display:inline-block}.auth-logo:hover{opacity:.85}.auth-title{color:#0f172a;letter-spacing:-.5px;margin-bottom:8px;font-size:1.5rem;font-weight:900}.auth-sub{color:#64748b;font-size:.875rem}.auth-sub a{color:#1d4ed8;font-weight:700;text-decoration:none}.auth-sub a:hover{text-decoration:underline}.auth-error{color:#dc2626;text-align:center;background:#fef2f2;border:1.5px solid #fecaca;border-radius:9px;margin-bottom:18px;padding:11px 14px;font-size:.875rem;font-weight:600}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{color:#334155;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.auth-field input,.auth-field select{color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;width:100%;padding:11px 14px;font-family:inherit;font-size:.9rem;font-weight:500;transition:border-color .15s,box-shadow .15s}.auth-field input:focus,.auth-field select:focus{border-color:#1d4ed8;outline:none;box-shadow:0 0 0 3px #1d4ed81a}.auth-field input::placeholder{color:#94a3b8}.auth-btn{color:#fff;cursor:pointer;letter-spacing:.01em;background:#1d4ed8;border:none;border-radius:9px;width:100%;margin-top:4px;padding:13px 20px;font-size:.95rem;font-weight:800;transition:all .15s}.auth-btn:hover:not(:disabled){background:#1e40af;transform:translateY(-1px);box-shadow:0 4px 16px #1d4ed84d}.auth-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.auth-info-box{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;margin-top:20px;padding:13px 16px;font-size:.8rem;line-height:1.6}.auth-info-box strong{font-weight:800}.auth-info-box a{color:#1d4ed8;font-weight:700}.auth-footer-link{text-align:center;color:#64748b;margin-top:20px;font-size:.855rem}.auth-footer-link a{color:#1d4ed8;font-weight:700;text-decoration:none}.auth-footer-link a:hover{text-decoration:underline}:root[data-theme=dark] .auth-page{background:#0f172a}:root[data-theme=dark] .auth-card{background:#1e293b;border-color:#ffffff14;box-shadow:0 12px 48px #0000004d}:root[data-theme=dark] .auth-title{color:#e2e8f0}:root[data-theme=dark] .auth-sub,:root[data-theme=dark] .auth-field label{color:#94a3b8}:root[data-theme=dark] .auth-field input,:root[data-theme=dark] .auth-field select{color:#e2e8f0;background:#ffffff0d;border-color:#ffffff1a}:root[data-theme=dark] .auth-field input:focus,:root[data-theme=dark] .auth-field select:focus{background:#ffffff14;border-color:#3b82f6}:root[data-theme=dark] .auth-field input::placeholder{color:#64748b}:root[data-theme=dark] .auth-error{color:#f87171;background:#dc26261a;border-color:#dc26264d}:root[data-theme=dark] .auth-info-box{color:#60a5fa;background:#3b82f61a;border-color:#3b82f640}:root[data-theme=dark] .auth-footer-link{color:#64748b}.sg-role-card{max-width:560px}.sg-role-grid{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.sg-role-btn{cursor:pointer;text-align:left;color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;padding:18px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sg-role-btn:before{content:"";background:var(--role-color,#7c3aed);opacity:0;transition:opacity .2s;position:absolute;inset:0}.sg-role-btn:hover{border-color:var(--role-color,#7c3aed);background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.sg-role-btn.active{border-color:var(--role-color,#7c3aed);box-shadow:0 0 0 2px var(--role-color,#7c3aed), 0 8px 24px #0000001a;background:#fff}.sg-role-emoji{margin-bottom:8px;font-size:2rem;line-height:1}.sg-role-label{color:#1e293b;margin-bottom:4px;font-size:.95rem;font-weight:800}.sg-role-desc{color:#64748b;margin-bottom:10px;font-size:.72rem;line-height:1.4}.sg-role-badge{letter-spacing:.01em;border-radius:999px;padding:3px 9px;font-size:.68rem;font-weight:700;display:inline-block}.sg-gate-card{max-width:480px}.sg-gate-icon{text-align:center;margin-bottom:8px;font-size:3rem}.sg-gate-title{text-align:center;color:#0f172a;margin:0 0 8px;font-size:1.4rem;font-weight:900}.sg-gate-sub{text-align:center;color:#475569;margin:0 0 24px;font-size:.88rem;line-height:1.6}.sg-gate-flow{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:18px}.sg-gate-step{opacity:.5;align-items:flex-start;gap:12px;transition:opacity .2s;display:flex}.sg-gate-step.active{opacity:1}.sg-gate-step-n{color:#475569;background:#e2e8f0;border:1.5px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:800;display:flex}.sg-gate-step.active .sg-gate-step-n{color:#fff;background:#7c3aed;border-color:#7c3aed}.sg-gate-step-title{color:#1e293b;font-size:.88rem;font-weight:700}.sg-gate-step-desc{color:#64748b;margin-top:2px;font-size:.75rem}.sg-gate-arrow{text-align:center;color:#cbd5e1;margin:8px 0;font-size:1.2rem}.sg-gate-cta{letter-spacing:.01em;margin-bottom:20px!important;font-size:.95rem!important}.sg-gate-divider{text-align:center;margin:20px 0 16px;position:relative}.sg-gate-divider:before,.sg-gate-divider:after{content:"";background:#e2e8f0;width:28%;height:1px;position:absolute;top:50%}.sg-gate-divider:before{left:0}.sg-gate-divider:after{right:0}.sg-gate-divider span{color:#94a3b8;background:0 0;padding:0 8px;font-size:.75rem}.sg-gate-verify{flex-direction:column;gap:8px;display:flex}.sg-gate-ref-input{color:#fff;box-sizing:border-box;background:#ffffff0f;border:1.5px solid #ffffff26;border-radius:10px;width:100%;padding:11px 14px;font-family:monospace;font-size:.9rem;transition:border-color .2s}.sg-gate-ref-input:focus{border-color:#7c3aed99;outline:none}.sg-gate-ref-input::placeholder{color:#ffffff4d}.sg-gate-verify-btn{color:#a78bfa;cursor:pointer;background:#7c3aed26;border:1.5px solid #7c3aed80;border-radius:10px;padding:11px 18px;font-size:.88rem;font-weight:700;transition:all .2s}.sg-gate-verify-btn:hover:not(:disabled){color:#fff;background:#7c3aed4d;border-color:#7c3aed}.sg-gate-verify-btn:disabled{opacity:.5;cursor:not-allowed}.sg-role-change-link{color:#a78bfa;cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.sg-back-btn{color:#ffffff73;cursor:pointer;background:0 0;border:none;margin-bottom:12px;padding:0;font-size:.82rem;transition:color .15s}.sg-back-btn:hover{color:#fff}.sg-form-role-badge{color:#a78bfa;background:#7c3aed33;border:1px solid #7c3aed66;border-radius:999px;margin-bottom:10px;padding:5px 14px;font-size:.82rem;font-weight:700;display:inline-block}.sg-ref-confirmed{color:#4ade80;background:#4ade801a;border:1px solid #4ade8033;border-radius:8px;margin-top:6px;padding:6px 12px;font-size:.78rem}.sg-ref-confirmed code{font-family:monospace;font-weight:700}.sg-required{color:#f87171;font-size:.75rem}.sg-name-wrap{position:relative}.sg-name-hint{margin-top:4px;font-size:.75rem;font-weight:600;display:block}.sg-name-hint.checking{color:#94a3b8}.sg-name-hint.taken{color:#dc2626}.sg-name-hint.ok{color:#16a34a}.sg-input-error{border-color:#dc262680!important}.sg-input-ok{border-color:#16a34a80!important}.sg-field-hint{color:#94a3b8;margin-top:4px;font-size:.72rem}.sg-done-card{text-align:center;max-width:460px}.sg-done-icon{margin-bottom:12px;font-size:3.5rem;animation:2s infinite pulse}@keyframes pulse{50%{opacity:.5}}.sg-done-title{color:#0f172a;margin:0 0 8px;font-size:1.4rem;font-weight:900}.sg-done-sub{color:#475569;margin:0 0 24px;font-size:.88rem;line-height:1.6}.sg-done-steps{text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.sg-done-step{color:#334155;align-items:center;gap:12px;font-size:.85rem;display:flex}.sg-done-step-n{color:#7c3aed;background:#7c3aed1a;border:1.5px solid #7c3aed4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:800;display:flex}.sg-help{color:#94a3b8;margin-top:16px;font-size:.75rem}@media (width<=480px){.sg-role-grid{grid-template-columns:1fr}}[data-theme=light] .sg-gate-ref-input{color:#0f172a;background:#fff;border-color:#d1d5db}[data-theme=light] .sg-gate-ref-input::placeholder{color:#94a3b8}[data-theme=light] .sg-gate-ref-input:focus{border-color:#7c3aed}[data-theme=light] .sg-gate-verify-btn{color:#7c3aed;background:#f3f0ff;border-color:#c4b5fd}[data-theme=light] .sg-gate-verify-btn:hover:not(:disabled){color:#6d28d9;background:#ede9fe;border-color:#7c3aed}[data-theme=light] .sg-back-btn{color:#64748b}[data-theme=light] .sg-back-btn:hover{color:#0f172a}[data-theme=light] .sg-form-role-badge{color:#7c3aed;background:#f3f0ff;border-color:#ddd6fe}[data-theme=light] .sg-role-change-link{color:#7c3aed}[data-theme=dark] .sg-role-btn{color:#e2e8f0;background:#ffffff0a;border-color:#ffffff1a}[data-theme=dark] .sg-role-btn:hover{background:#ffffff0f;box-shadow:0 8px 24px #0000004d}[data-theme=dark] .sg-role-btn.active{box-shadow:0 0 0 2px var(--role-color,#7c3aed), 0 8px 24px #0000004d;background:#ffffff0f}[data-theme=dark] .sg-role-label{color:#e2e8f0}[data-theme=dark] .sg-role-desc{color:#94a3b8}[data-theme=dark] .sg-gate-title{color:#e2e8f0}[data-theme=dark] .sg-gate-sub{color:#94a3b8}[data-theme=dark] .sg-gate-flow{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .sg-gate-step-n{color:#94a3b8;background:#ffffff14;border-color:#ffffff1f}[data-theme=dark] .sg-gate-step-title{color:#e2e8f0}[data-theme=dark] .sg-gate-step-desc{color:#94a3b8}[data-theme=dark] .sg-gate-arrow{color:#64748b}[data-theme=dark] .sg-gate-divider:before,[data-theme=dark] .sg-gate-divider:after{background:#ffffff14}[data-theme=dark] .sg-gate-divider span{color:#64748b}[data-theme=dark] .sg-done-title{color:#e2e8f0}[data-theme=dark] .sg-done-sub{color:#94a3b8}[data-theme=dark] .sg-done-steps{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .sg-done-step{color:#cbd5e1}[data-theme=dark] .sg-help{color:#64748b}.pricing-page{color:#f1f5f9;background:#0a0a0f;min-height:100vh;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.pricing-hero{text-align:center;padding:80px 24px 60px;position:relative;overflow:hidden}.pricing-hero-glow{pointer-events:none;background:radial-gradient(#7c3aed59 0%,#10b9811f 50%,#0000 70%);width:700px;height:400px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.pricing-hero-content{z-index:1;max-width:720px;margin:0 auto;position:relative}.pricing-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#a78bfa;background:#7c3aed26;border:1px solid #7c3aed59;border-radius:999px;margin-bottom:20px;padding:5px 16px;font-size:.85rem;font-weight:700;display:inline-block}.pricing-headline{background:linear-gradient(135deg,#fff 30%,#a78bfa 70%,#10b981 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.1}.pricing-subhead{color:#fff9;margin:0 0 36px;font-size:1.05rem;line-height:1.7}.pricing-toggle-wrap{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;gap:4px;padding:5px;display:inline-flex}.pricing-toggle-btn{cursor:pointer;color:#ffffff8c;background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 24px;font-size:.92rem;font-weight:600;transition:all .25s;display:flex}.pricing-toggle-btn.active{color:#fff;background:linear-gradient(135deg,#7c3aed,#6366f1);box-shadow:0 4px 16px #7c3aed66}.pricing-toggle-save{color:#34d399;background:#10b98140;border:1px solid #10b98166;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700}.pricing-cards-section{max-width:1200px;margin:0 auto;padding:0 24px 60px}.pricing-cards-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:24px;display:grid}.pricing-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:28px 24px 24px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.pricing-card:before{content:"";background:var(--plan-color);border-radius:20px 20px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.pricing-card:hover{border-color:#ffffff26;transform:translateY(-8px);box-shadow:0 20px 60px #0006,0 0 40px #0003}.pricing-card-popular{background:#7c3aed12;border-color:#7c3aed80;box-shadow:0 0 40px #7c3aed26}.pricing-card-popular:before{background:linear-gradient(90deg,#7c3aed,#6366f1,#10b981);height:3px}.pricing-popular-badge{color:#fff;background:linear-gradient(135deg,#7c3aed,#6366f1);border-radius:999px;padding:4px 12px;font-size:.72rem;font-weight:700;position:absolute;top:16px;right:16px;box-shadow:0 4px 12px #7c3aed66}.pricing-trial-badge{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:999px;margin-bottom:16px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-block}.pricing-card-top{margin-bottom:20px}.pricing-card-emoji{margin-bottom:8px;font-size:2.2rem}.pricing-card-name{margin-bottom:4px;font-size:1.4rem;font-weight:800}.pricing-card-target{text-transform:uppercase;letter-spacing:.08em;color:#fff6;margin-bottom:6px;font-size:.75rem;font-weight:600}.pricing-card-desc{color:#fff9;font-size:.88rem}.pricing-student-selector{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;margin-bottom:20px;padding:14px 16px}.pricing-student-selector label{color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:.78rem;font-weight:600;display:block}.pricing-student-input-wrap{align-items:center;gap:10px;margin-bottom:8px;display:flex}.pricing-student-btn{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .2s;display:flex}.pricing-student-btn:hover{background:#ffffff26}.pricing-student-input{text-align:center;color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:8px;width:80px;padding:6px 8px;font-size:1rem;font-weight:700}.pricing-student-input::-webkit-inner-spin-button{-webkit-appearance:none}.pricing-per-student{color:#fff6;font-size:.75rem}.pricing-price-block{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;margin-bottom:24px;padding:16px 0}.pricing-price-main{align-items:baseline;gap:4px;margin-bottom:4px;display:flex}.pricing-currency{color:#ffffffb3;font-size:1.3rem;font-weight:700}.pricing-amount{color:#fff;font-size:2.8rem;font-weight:900;line-height:1}.pricing-period{color:#ffffff80;font-size:1rem}.pricing-price-billed{color:#ffffff73;margin-bottom:8px;font-size:.8rem}.pricing-savings-badge{color:#34d399;background:#10b9811f;border:1px solid #10b9814d;border-radius:999px;margin-bottom:6px;padding:3px 10px;font-size:.78rem;font-weight:700;display:inline-block}.pricing-per-student-note{color:#fff6;font-size:.8rem}.pricing-features{margin:0 0 24px;padding:0;list-style:none}.pricing-feature-row{color:#fffc;border-bottom:1px solid #ffffff0a;align-items:flex-start;gap:10px;padding:7px 0;font-size:.88rem;display:flex}.pricing-check{flex-shrink:0;margin-top:1px;font-size:.9rem;font-weight:700}.pricing-cta-btn{cursor:pointer;background:var(--btn-color);color:#fff;border:none;border-radius:12px;width:100%;margin-bottom:10px;padding:14px;font-size:1rem;font-weight:700;transition:all .25s;box-shadow:0 4px 16px #0000004d}.pricing-cta-btn:hover{filter:brightness(1.15);transform:translateY(-1px);box-shadow:0 8px 24px #0006}.pricing-trial-note{text-align:center;color:#ffffff59;font-size:.75rem}.pricing-section-label{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:#a78bfa;margin-bottom:20px;font-size:.78rem;font-weight:700}.pricing-payment-section{text-align:center;max-width:900px;margin:0 auto;padding:60px 24px}.pricing-payment-intro{color:#fff9;margin-bottom:36px;font-size:1rem;line-height:1.7}.pricing-payment-intro strong{color:#34d399}.pricing-payment-cards{text-align:left;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.pricing-payment-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:24px;transition:transform .2s,box-shadow .2s}.pricing-payment-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.jazzcash-card{background:#ed1c240a;border-color:#ed1c2440}.meezan-card{background:#10b9810a;border-color:#10b98140}.pricing-payment-logo{align-items:center;gap:10px;margin-bottom:16px;display:flex}.pricing-payment-emoji{font-size:1.8rem}.pricing-payment-brand{color:#fff;font-size:1.1rem;font-weight:800}.pricing-payment-detail{margin-bottom:14px}.pricing-payment-label{text-transform:uppercase;letter-spacing:.08em;color:#fff6;margin-bottom:6px;font-size:.72rem;font-weight:700}.pricing-payment-value{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-family:Courier New,monospace;font-size:1rem;font-weight:700;display:flex}.iban-value{word-break:break-all;font-size:.82rem}.copy-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:.75rem;transition:all .2s}.copy-btn:hover{background:#fff3}.pricing-payment-instruction{color:#fff6;font-size:.78rem;font-style:italic}.pricing-payment-note{color:#ffffffb3;text-align:left;background:#fbbf2414;border:1px solid #fbbf2433;border-radius:12px;padding:16px 20px;font-size:.88rem;line-height:1.6}.pricing-features-section{max-width:1100px;margin:0 auto;padding:60px 24px}.pricing-features-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.pricing-feature-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;padding:20px;transition:all .2s}.pricing-feature-card:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-3px)}.pricing-feature-icon{margin-bottom:10px;font-size:1.8rem}.pricing-feature-title{color:#fff;margin-bottom:6px;font-size:.95rem;font-weight:700}.pricing-feature-desc{color:#ffffff80;font-size:.82rem;line-height:1.5}.pricing-faq-section{max-width:760px;margin:0 auto;padding:60px 24px}.pricing-faq-list{flex-direction:column;gap:8px;display:flex}.pricing-faq-item{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;transition:all .2s;overflow:hidden}.pricing-faq-item:hover{border-color:#ffffff26}.pricing-faq-item.open{background:#7c3aed0d;border-color:#7c3aed4d}.pricing-faq-q{color:#ffffffe6;justify-content:space-between;align-items:center;padding:16px 18px;font-size:.95rem;font-weight:600;display:flex}.pricing-faq-arrow{color:#fff6;font-size:.75rem;transition:transform .2s}.pricing-faq-a{color:#fff9;padding:0 18px 16px;font-size:.88rem;line-height:1.7}.pricing-bottom-cta{text-align:center;background:linear-gradient(#0000,#7c3aed14);border-top:1px solid #ffffff0d;padding:80px 24px}.pricing-bottom-cta h2{color:#fff;margin-bottom:12px;font-size:clamp(1.5rem,4vw,2.4rem);font-weight:900}.pricing-bottom-cta p{color:#fff9;margin-bottom:32px;font-size:1rem}.pricing-bottom-btns{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.pricing-cta-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#6366f1);border:none;border-radius:999px;padding:14px 36px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-block;box-shadow:0 8px 24px #7c3aed66}.pricing-cta-primary:hover{filter:brightness(1.15);transform:translateY(-2px)}.pricing-cta-secondary{color:#fffc;background:#ffffff0f;border:1px solid #ffffff26;border-radius:999px;padding:14px 36px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-block}.pricing-cta-secondary:hover{color:#fff;background:#ffffff1a}@media (width<=900px){.pricing-cards-grid{grid-template-columns:1fr 1fr}.pricing-cards-grid .pricing-card:last-child{grid-column:1/-1;width:100%;max-width:500px;margin:0 auto}.pricing-features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.pricing-hero{padding:60px 16px 40px}.pricing-cards-grid{grid-template-columns:1fr}.pricing-cards-grid .pricing-card:last-child{max-width:100%}.pricing-payment-cards,.pricing-features-grid{grid-template-columns:1fr}.pricing-cards-section{padding:0 16px 40px}.pricing-payment-section,.pricing-features-section,.pricing-faq-section{padding:40px 16px}}[data-theme=light] .pricing-headline{background:linear-gradient(135deg,#0f172a 30%,#7c3aed 70%,#059669 100%);-webkit-background-clip:text;background-clip:text}[data-theme=light] .pricing-subhead{color:#475569}[data-theme=light] .pricing-eyebrow{color:#7c3aed;background:#f3f0ff;border-color:#ddd6fe}[data-theme=light] .pricing-toggle-wrap{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000f}[data-theme=light] .pricing-toggle-btn{color:#475569}[data-theme=light] .pricing-card{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 12px #0000000f}[data-theme=light] .pricing-card:hover{border-color:#94a3b8;box-shadow:0 12px 40px #0000001a}[data-theme=light] .pricing-card-popular{background:#faf5ff;border-color:#c4b5fd}[data-theme=light] .pricing-card-target{color:#64748b}[data-theme=light] .pricing-card-desc{color:#475569}[data-theme=light] .pricing-student-selector{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .pricing-student-selector label{color:#64748b}[data-theme=light] .pricing-student-btn{color:#0f172a;background:#fff;border-color:#d1d5db}[data-theme=light] .pricing-student-btn:hover{background:#f1f5f9}[data-theme=light] .pricing-student-input{color:#0f172a;background:#fff;border-color:#d1d5db}[data-theme=light] .pricing-per-student{color:#64748b}[data-theme=light] .pricing-price-block{border-top-color:#e2e8f0;border-bottom-color:#e2e8f0}[data-theme=light] .pricing-currency{color:#475569}[data-theme=light] .pricing-amount{color:#0f172a}[data-theme=light] .pricing-period{color:#64748b}[data-theme=light] .pricing-price-billed{color:#94a3b8}[data-theme=light] .pricing-per-student-note{color:#64748b}[data-theme=light] .pricing-feature-row{color:#475569;border-bottom-color:#f1f5f9}[data-theme=light] .pricing-trial-note{color:#94a3b8}[data-theme=light] .pricing-payment-intro{color:#475569}[data-theme=light] .pricing-payment-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .pricing-payment-card:hover{box-shadow:0 8px 24px #0000001a}[data-theme=light] .pricing-payment-brand{color:#0f172a}[data-theme=light] .pricing-payment-label{color:#64748b}[data-theme=light] .pricing-payment-value{color:#0f172a;background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .copy-btn{color:#475569;background:#f1f5f9;border-color:#d1d5db}[data-theme=light] .copy-btn:hover{color:#0f172a;background:#e2e8f0}[data-theme=light] .pricing-payment-instruction{color:#64748b}[data-theme=light] .pricing-payment-note{color:#92400e;background:#fffbeb;border-color:#fde68a}[data-theme=light] .pricing-feature-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .pricing-feature-card:hover{background:#f8fafc;border-color:#94a3b8}[data-theme=light] .pricing-feature-title{color:#0f172a}[data-theme=light] .pricing-feature-desc{color:#475569}[data-theme=light] .pricing-faq-item{background:#fff;border-color:#e2e8f0}[data-theme=light] .pricing-faq-item:hover{border-color:#94a3b8}[data-theme=light] .pricing-faq-item.open{background:#faf5ff;border-color:#c4b5fd}[data-theme=light] .pricing-faq-q{color:#0f172a}[data-theme=light] .pricing-faq-arrow{color:#94a3b8}[data-theme=light] .pricing-faq-a{color:#475569}[data-theme=light] .pricing-bottom-cta{background:linear-gradient(#0000,#7c3aed0d);border-top-color:#e2e8f0}[data-theme=light] .pricing-bottom-cta h2{color:#0f172a}[data-theme=light] .pricing-bottom-cta p{color:#475569}[data-theme=light] .pricing-cta-secondary{color:#475569;background:#f1f5f9;border-color:#d1d5db}[data-theme=light] .pricing-cta-secondary:hover{color:#0f172a;background:#e2e8f0}.co-page{color:#f1f5f9;background:#0a0a0f;min-height:100vh;padding:24px 16px 60px}.co-container{max-width:1000px;margin:0 auto}.co-header{margin-bottom:32px}.co-back-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;margin-bottom:12px;padding:0;font-size:.88rem;transition:color .2s;display:block}.co-back-btn:hover{color:#fff}.co-title{background:linear-gradient(135deg,#fff 40%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.4rem,4vw,2rem);font-weight:900}.co-steps{justify-content:center;align-items:center;gap:0;margin-bottom:40px;display:flex}.co-step-dot{flex-direction:column;align-items:center;gap:6px;display:flex}.co-step-circle{color:#fff6;background:#ffffff0a;border:2px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.88rem;font-weight:700;transition:all .3s;display:flex}.co-step-dot.active .co-step-circle{color:#fff;background:#7c3aed;border-color:#7c3aed;box-shadow:0 0 16px #7c3aed80}.co-step-dot.done .co-step-circle{color:#fff;background:#10b981;border-color:#10b981}.co-step-label{color:#fff6;white-space:nowrap;font-size:.72rem;font-weight:600}.co-step-dot.active .co-step-label{color:#a78bfa}.co-step-dot.done .co-step-label{color:#34d399}.co-step-line{background:#ffffff14;flex:1;max-width:100px;height:2px;transition:background .3s}.co-step-line.done{background:#10b981}.co-body{grid-template-columns:1fr 300px;align-items:start;gap:24px;display:grid}.co-step-content{min-width:0}.co-order-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:24px;padding:28px}.co-order-header{border-bottom:1px solid #ffffff12;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:20px;display:flex}.co-order-emoji{font-size:2rem}.co-order-plan-name{font-size:1.3rem;font-weight:800}.co-order-sub{color:#fff6;font-size:.82rem}.co-order-rows{flex-direction:column;gap:0;display:flex}.co-order-row{color:#ffffffb3;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 0;font-size:.92rem;display:flex}.co-order-row:last-child{border-bottom:none}.co-order-row strong{color:#fff}.savings-row span{color:#34d399}.savings-amount{color:#34d399!important}.co-order-total{color:#ffffffe6;background:#7c3aed1a;border:1px solid #7c3aed33;border-radius:12px;justify-content:space-between;align-items:center;margin-top:12px;padding:16px 20px;font-size:1.05rem;display:flex}.co-order-total strong{color:#fff;font-size:1.2rem;font-weight:900}.co-trial-notice{color:#ffffffb3;background:#fbbf2414;border:1px solid #fbbf2433;border-radius:10px;margin-top:20px;padding:12px 16px;font-size:.85rem}.co-trial-notice strong{color:#fbbf24}.co-amount-reminder{text-align:center;color:#fff9;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;margin-bottom:24px;padding:16px;font-size:.9rem}.co-amount-big{color:#10b981;margin-top:4px;font-size:1.6rem;font-weight:900;display:block}.co-method-cards{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.co-method-card{cursor:pointer;background:#ffffff0a;border:2px solid #ffffff14;border-radius:16px;padding:20px;transition:all .25s}.co-method-card:hover{background:#ffffff0f;border-color:#fff3}.co-method-card.jazzcash.selected{background:#ed1c240f;border-color:#ed1c2499;box-shadow:0 0 24px #ed1c2426}.co-method-card.meezan.selected{background:#10b9810f;border-color:#10b98199;box-shadow:0 0 24px #10b98126}.co-method-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.co-method-radio{border:2px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.co-method-radio-dot{background:0 0;border-radius:50%;width:10px;height:10px;transition:background .2s}.co-method-radio-dot.active{background:#fff}.co-method-emoji{font-size:1.4rem}.co-method-name{color:#fff;flex:1;font-size:1rem;font-weight:700}.co-method-flag{font-size:1rem}.co-method-body{flex-direction:column;gap:12px;padding-left:30px;display:flex}.co-method-label{text-transform:uppercase;letter-spacing:.08em;color:#fff6;margin-bottom:5px;font-size:.7rem;font-weight:700}.co-method-value{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;display:flex}.co-method-mono{font-family:Courier New,monospace;font-size:.95rem;font-weight:700}.co-method-iban{word-break:break-all;font-size:.8rem}.iban-wrap{flex-wrap:wrap}.amount-highlight{color:#34d399;background:#10b98114;border-color:#10b9814d;font-weight:700}.co-method-instructions{color:#fff6;font-size:.8rem;font-style:italic;line-height:1.5}.co-method-required{text-align:center;color:#ffffff59;margin-top:10px;font-size:.82rem}.co-proof-intro{text-align:center;background:#7c3aed12;border:1px solid #7c3aed33;border-radius:16px;margin-bottom:28px;padding:24px}.co-proof-intro-icon{margin-bottom:8px;font-size:2rem}.co-proof-intro h3{color:#fff;margin:0 0 8px;font-size:1.1rem;font-weight:800}.co-proof-intro p{color:#ffffff8c;margin:0;font-size:.88rem}.co-proof-form{flex-direction:column;gap:18px;display:flex}.co-form-field{flex-direction:column;gap:6px;display:flex}.co-form-field label{color:#ffffffbf;font-size:.85rem;font-weight:600}.req{color:#f87171}.co-form-field input,.co-form-field select{color:#fff;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-size:.92rem;transition:border-color .2s}.co-form-field input:focus,.co-form-field select:focus{background:#7c3aed0f;border-color:#7c3aed80}.co-form-field select option{color:#fff;background:#1a1a2e}.co-field-hint{color:#ffffff59;font-size:.75rem}.co-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.co-btn-primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#6366f1);box-shadow:0 4px 16px #7c3aed59}.co-btn-primary:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed73}.co-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.co-btn-ghost{color:#ffffffb3;background:#ffffff0f;border:1px solid #ffffff1f}.co-btn-ghost:hover{color:#fff;background:#ffffff1a}.co-proceed-btn{border-radius:14px;width:100%;padding:16px;font-size:1.05rem}.co-submit-btn{background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;width:100%;padding:16px;font-size:1.05rem;box-shadow:0 4px 16px #10b98159}.co-submit-btn:hover:not(:disabled){box-shadow:0 8px 24px #10b98173}.co-copy-btn{color:#fffc;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s}.co-copy-btn:hover{color:#fff;background:#fff3}.co-error{color:#fca5a5;background:#f871711a;border:1px solid #f871714d;border-radius:10px;padding:12px 16px;font-size:.88rem}.co-security-note{text-align:center;color:#ffffff59;margin-top:12px;font-size:.78rem}.co-security-note strong{color:#ffffff8c}.co-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite co-spin}@keyframes co-spin{to{transform:rotate(360deg)}}.co-sidebar-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;margin-bottom:12px;padding:20px;position:sticky;top:24px}.co-sidebar-title{text-transform:uppercase;letter-spacing:.1em;color:#fff6;margin-bottom:14px;font-size:.72rem;font-weight:700}.co-sidebar-plan{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;display:flex}.co-sidebar-emoji{font-size:1.5rem}.co-sidebar-plan-name{font-size:.95rem;font-weight:700}.co-sidebar-plan-sub{color:#fff6;font-size:.75rem}.co-sidebar-rows{margin-bottom:12px}.co-sidebar-row{color:#fff9;border-bottom:1px solid #ffffff0a;justify-content:space-between;padding:8px 0;font-size:.82rem;display:flex}.co-sidebar-total{color:#ffffffe6;justify-content:space-between;margin-top:4px;padding:12px 0 0;font-size:.95rem;display:flex}.co-sidebar-total strong{color:#fff;font-size:1.05rem}.co-sidebar-trial{color:#fbbf24;background:#fbbf2414;border:1px solid #fbbf2433;border-radius:8px;margin-top:12px;padding:8px 12px;font-size:.78rem}.co-sidebar-methods{border-top:1px solid #ffffff0d;margin-top:12px;padding-top:12px}.co-sidebar-methods-label{text-transform:uppercase;letter-spacing:.08em;color:#ffffff59;margin-bottom:8px;font-size:.7rem}.co-sidebar-methods-list{color:#ffffff8c;flex-direction:column;gap:4px;font-size:.8rem;display:flex}.co-sidebar-help{color:#ffffff8c;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:14px;font-size:.85rem}.co-success-screen{text-align:center;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:24px;max-width:500px;margin:60px auto;padding:48px 36px;animation:.5s co-fadeIn}@keyframes co-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.co-success-confetti{margin-bottom:8px;font-size:3rem;animation:.6s co-bounce}@keyframes co-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.co-success-icon{margin-bottom:16px;font-size:3rem}.co-success-title{color:#fff;margin:0 0 16px;font-size:1.8rem;font-weight:900}.co-success-msg{color:#ffffffa6;margin-bottom:20px;font-size:1rem;line-height:1.7}.co-success-msg strong{color:#34d399}.co-success-ref{color:#fff9;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:28px;padding:10px 16px;font-family:monospace;font-size:.85rem}.co-success-ref strong{color:#fff}.co-success-btns{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (width<=768px){.co-body{grid-template-columns:1fr}.co-sidebar{order:-1}.co-sidebar-card{position:static}.co-step-label{display:none}.co-steps{gap:4px}}@media (width<=480px){.co-page{padding:16px 12px 40px}.co-success-screen{margin:20px auto;padding:32px 20px}}[data-theme=light] .co-page{color:#0f172a;background:#f8fafc}[data-theme=light] .co-back-btn{color:#64748b}[data-theme=light] .co-back-btn:hover{color:#0f172a}[data-theme=light] .co-title{background:linear-gradient(135deg,#0f172a 40%,#7c3aed 100%);-webkit-background-clip:text;background-clip:text}[data-theme=light] .co-step-circle{color:#94a3b8;background:#f1f5f9;border-color:#d1d5db}[data-theme=light] .co-step-label{color:#94a3b8}[data-theme=light] .co-step-line{background:#e2e8f0}[data-theme=light] .co-order-card{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000f}[data-theme=light] .co-order-header{border-bottom-color:#f1f5f9}[data-theme=light] .co-order-sub{color:#64748b}[data-theme=light] .co-order-row{color:#475569;border-bottom-color:#f1f5f9}[data-theme=light] .co-order-row strong{color:#0f172a}[data-theme=light] .co-order-total{color:#475569;background:#f3f0ff;border-color:#ddd6fe}[data-theme=light] .co-order-total strong{color:#0f172a}[data-theme=light] .co-trial-notice{color:#92400e;background:#fffbeb;border-color:#fde68a}[data-theme=light] .co-trial-notice strong{color:#b45309}[data-theme=light] .co-amount-reminder{color:#475569;background:#fff;border-color:#e2e8f0}[data-theme=light] .co-method-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .co-method-card:hover{background:#f8fafc;border-color:#94a3b8}[data-theme=light] .co-method-radio{border-color:#d1d5db}[data-theme=light] .co-method-radio-dot.active{background:#0f172a}[data-theme=light] .co-method-name{color:#0f172a}[data-theme=light] .co-method-label{color:#64748b}[data-theme=light] .co-method-value{color:#0f172a;background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .co-method-instructions{color:#64748b}[data-theme=light] .co-method-required{color:#94a3b8}[data-theme=light] .co-proof-intro{background:#f3f0ff;border-color:#ddd6fe}[data-theme=light] .co-proof-intro h3{color:#0f172a}[data-theme=light] .co-proof-intro p{color:#64748b}[data-theme=light] .co-form-field label{color:#374151}[data-theme=light] .co-form-field input,[data-theme=light] .co-form-field select{color:#0f172a;background:#fff;border-color:#d1d5db}[data-theme=light] .co-form-field input:focus,[data-theme=light] .co-form-field select:focus{background:#faf5ff;border-color:#7c3aed}[data-theme=light] .co-form-field select option{color:#0f172a;background:#fff}[data-theme=light] .co-field-hint{color:#94a3b8}[data-theme=light] .co-btn-ghost{color:#475569;background:#f1f5f9;border-color:#d1d5db}[data-theme=light] .co-btn-ghost:hover{color:#0f172a;background:#e2e8f0}[data-theme=light] .co-copy-btn{color:#475569;background:#f1f5f9;border-color:#d1d5db}[data-theme=light] .co-copy-btn:hover{color:#0f172a;background:#e2e8f0}[data-theme=light] .co-error{color:#dc2626;background:#fef2f2;border-color:#fecaca}[data-theme=light] .co-security-note{color:#94a3b8}[data-theme=light] .co-security-note strong{color:#64748b}[data-theme=light] .co-spinner{border-color:#7c3aed #0000001a #0000001a}[data-theme=light] .co-sidebar-card{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000f}[data-theme=light] .co-sidebar-title{color:#64748b}[data-theme=light] .co-sidebar-plan{border-bottom-color:#f1f5f9}[data-theme=light] .co-sidebar-plan-sub{color:#64748b}[data-theme=light] .co-sidebar-row{color:#475569;border-bottom-color:#f1f5f9}[data-theme=light] .co-sidebar-total,[data-theme=light] .co-sidebar-total strong{color:#0f172a}[data-theme=light] .co-sidebar-trial{color:#92400e;background:#fffbeb;border-color:#fde68a}[data-theme=light] .co-sidebar-methods-label{color:#94a3b8}[data-theme=light] .co-sidebar-methods-list{color:#475569}[data-theme=light] .co-sidebar-help{color:#64748b;background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .co-success-screen{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 24px #00000014}[data-theme=light] .co-success-title{color:#0f172a}[data-theme=light] .co-success-msg{color:#475569}[data-theme=light] .co-success-ref{color:#475569;background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .co-success-ref strong{color:#0f172a}.jc-page{background:#0a0a0f;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:40px 16px;display:flex;position:relative;overflow:hidden}.jc-bg-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#7c3aed40 0%,#0000 70%);width:600px;height:600px;position:fixed;top:-200px;left:50%;transform:translate(-50%)}.jc-card{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:480px;padding:48px 40px;position:relative}.jc-card-success{background:#4ade800d;border-color:#4ade804d}.jc-icon{margin-bottom:16px;font-size:3.5rem;display:block}.jc-success-icon{margin-bottom:12px;font-size:4rem;animation:.6s jc-bounce}@keyframes jc-bounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.jc-title{color:#fff;margin:0 0 12px;font-size:2rem;font-weight:800}.jc-subtitle{color:#fff9;margin:0 0 32px;font-size:1rem;line-height:1.6}.jc-highlight{color:#4ade80;font-weight:700}.jc-form{flex-direction:column;gap:16px;display:flex}.jc-input-wrap{flex-direction:column;gap:6px;display:flex}.jc-input{color:#fff;letter-spacing:.4em;text-align:center;box-sizing:border-box;text-transform:uppercase;background:#ffffff14;border:2px solid #ffffff26;border-radius:14px;width:100%;padding:18px 24px;font-family:Courier New,monospace;font-size:2rem;font-weight:800;transition:border-color .2s}.jc-input:focus{background:#7c3aed14;border-color:#7c3aed;outline:none}.jc-input-hint{color:#ffffff59;font-size:.78rem}.jc-error{color:#f87171;background:#f871711f;border:1px solid #f871714d;border-radius:10px;padding:10px 16px;font-size:.88rem}.jc-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 28px;font-size:1rem;font-weight:700;transition:all .2s;display:inline-flex}.jc-btn-primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#9f67ff);box-shadow:0 4px 20px #7c3aed66}.jc-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #7c3aed80}.jc-btn-primary:disabled{opacity:.5;cursor:not-allowed}.jc-btn-ghost{color:#ffffffb3;background:#ffffff12;border:1px solid #ffffff1f}.jc-btn-ghost:hover{color:#fff;background:#ffffff1f}.jc-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite jc-spin}@keyframes jc-spin{to{transform:rotate(360deg)}}.jc-divider{color:#ffffff4d;margin:20px 0;font-size:.85rem;position:relative}.jc-divider:before,.jc-divider:after{content:"";background:#ffffff1a;width:calc(50% - 20px);height:1px;position:absolute;top:50%}.jc-divider:before{left:0}.jc-divider:after{right:0}.jc-alternatives{flex-direction:column;align-items:center;gap:12px;display:flex}.jc-alternatives p{color:#fff6;margin:0;font-size:.85rem}.jc-success-text{color:#fffc;margin-bottom:24px;font-size:1.05rem}.jc-success-info{text-align:left;background:#ffffff0d;border-radius:12px;flex-direction:column;gap:10px;margin-bottom:24px;padding:16px;display:flex}.jc-info-row{color:#ffffffb3;justify-content:space-between;font-size:.9rem;display:flex}.jc-access-granted{background:#4ade8014;border-radius:8px;padding:6px 10px;font-weight:700;color:#4ade80!important}.jc-success-btns{flex-direction:column;gap:12px;display:flex}.jc-how-card{z-index:1;background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;width:100%;max-width:480px;padding:28px 32px;position:relative}.jc-how-card h3{color:#ffffff80;letter-spacing:.1em;text-transform:uppercase;margin:0 0 20px;font-size:.8rem}.jc-steps{flex-direction:column;gap:16px;display:flex}.jc-step{color:#fff9;align-items:flex-start;gap:16px;font-size:.9rem;line-height:1.5;display:flex}.jc-step-num{color:#a78bfa;background:#7c3aed40;border:1px solid #7c3aed66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:800;display:flex}.pricing-student-slider-wrap{margin-top:10px}.pricing-student-slider{cursor:pointer;width:100%;height:6px;accent-color:var(--plan-color,#7c3aed);background:#ffffff1a;border-radius:3px;outline:none}.pricing-slider-labels{color:#ffffff59;justify-content:space-between;margin-top:4px;font-size:.72rem;display:flex}.pricing-student-range{color:#fff6;font-size:.78rem;font-weight:400}@media (width<=480px){.jc-card{padding:32px 20px}.jc-title{font-size:1.6rem}.jc-input{letter-spacing:.3em;font-size:1.5rem}}[data-theme=light] .jc-page{background:#f8fafc}[data-theme=light] .jc-bg-glow{display:none}[data-theme=light] .jc-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 24px #00000014}[data-theme=light] .jc-card-success{background:#f0fdf4;border-color:#4ade8066}[data-theme=light] .jc-title{color:#0f172a}[data-theme=light] .jc-subtitle{color:#475569}[data-theme=light] .jc-input{color:#0f172a;background:#f8fafc;border-color:#d1d5db}[data-theme=light] .jc-input:focus{background:#faf5ff;border-color:#7c3aed}[data-theme=light] .jc-input-hint{color:#94a3b8}[data-theme=light] .jc-error{color:#dc2626;background:#fef2f2;border-color:#fecaca}[data-theme=light] .jc-btn-ghost{color:#475569;background:#f1f5f9;border-color:#d1d5db}[data-theme=light] .jc-btn-ghost:hover{color:#0f172a;background:#e2e8f0}[data-theme=light] .jc-spinner{border-color:#7c3aed #0000001a #0000001a}[data-theme=light] .jc-divider{color:#94a3b8}[data-theme=light] .jc-divider:before,[data-theme=light] .jc-divider:after{background:#e2e8f0}[data-theme=light] .jc-alternatives p{color:#64748b}[data-theme=light] .jc-success-text{color:#475569}[data-theme=light] .jc-success-info{background:#f8fafc;border:1px solid #e2e8f0}[data-theme=light] .jc-info-row{color:#475569}[data-theme=light] .jc-how-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .jc-how-card h3{color:#64748b}[data-theme=light] .jc-step{color:#475569}[data-theme=light] .jc-step-num{color:#7c3aed;background:#f3f0ff;border-color:#ddd6fe}[data-theme=light] .pricing-student-slider{background:#e2e8f0}[data-theme=light] .pricing-slider-labels{color:#94a3b8}[data-theme=light] .pricing-student-range{color:#64748b}.payment-result-page{min-height:100vh;font-family:var(--font-body,"Inter", sans-serif);background:#f1f5f9;justify-content:center;align-items:center;padding:40px 20px;display:flex}.payment-result-card{text-align:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;width:100%;max-width:480px;padding:52px 44px;animation:.3s slideUp;box-shadow:0 8px 40px #00000014}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-icon{border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto 24px;display:flex}.result-icon-success{background:#dcfce7}.result-icon-warning{background:#fef3c7}.result-icon-cancel{background:#fee2e2}.result-title{color:#0f172a;letter-spacing:-.5px;margin-bottom:12px;font-size:1.65rem;font-weight:900}.result-subtitle{color:#475569;margin-bottom:24px;font-size:.925rem;line-height:1.7}.result-ref{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;margin-bottom:28px;padding:10px 18px;font-size:.82rem;display:inline-flex}.result-ref span{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.result-ref strong{color:#1d4ed8;letter-spacing:.5px;font-weight:800}.result-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.result-spinner{border:3px solid #e2e8f0;border-top-color:#1d4ed8;border-radius:50%;width:44px;height:44px;margin:0 auto 20px;animation:.8s linear infinite spin}.result-loading-text{color:#94a3b8;font-size:.9rem;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}:root[data-theme=dark] .payment-result-page{background:#0f172a}:root[data-theme=dark] .payment-result-card{background:#1e293b;border-color:#ffffff14;box-shadow:0 8px 40px #0000004d}:root[data-theme=dark] .result-title{color:#e2e8f0}:root[data-theme=dark] .result-subtitle{color:#94a3b8}:root[data-theme=dark] .result-ref{background:#ffffff0a;border-color:#ffffff14}:root[data-theme=dark] .result-ref span{color:#64748b}:root[data-theme=dark] .result-spinner{border-color:#3b82f6 #ffffff1a #ffffff1a}:root[data-theme=dark] .result-loading-text{color:#64748b}.subject-card{color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.subject-card:hover{transform:translateY(-4px)}.subject-card-header{padding:var(--space-5) var(--space-5) var(--space-4);align-items:center;gap:var(--space-4);color:#fff;display:flex}.subject-emoji{filter:drop-shadow(0 2px 4px #0003);font-size:2rem}.subject-name{color:#fff;margin-bottom:2px;font-size:1rem;font-weight:800}.subject-meta{color:#fffc;font-size:.75rem;font-weight:500}.subject-card-body{padding:var(--space-4) var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.subject-progress-row{align-items:center;gap:var(--space-4);display:flex}.subject-stats{flex-direction:column;flex:1;gap:4px;display:flex}.stat-row{justify-content:space-between;align-items:center;display:flex}.stat-label{color:var(--gray-500);font-size:.78rem;font-weight:500}.stat-value{color:var(--text-primary);font-size:.875rem;font-weight:800}.subject-badge{border-radius:var(--radius-full);align-self:flex-start;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}:root[data-theme=dark] .subject-card{border:1px solid #ffffff0f}:root[data-theme=dark] .subject-card-body{background:#1e293b}:root[data-theme=dark] .stat-label{color:#64748b}:root[data-theme=dark] .stat-value{color:#e2e8f0}.subjects-page{padding:var(--space-10) 0 var(--space-16)}.subjects-page-header{margin-bottom:var(--space-10)}.subjects-page-header h1{margin-bottom:var(--space-2)}.subject-category{margin-bottom:var(--space-10)}.category-title{color:var(--gray-500);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-5);border-bottom:2px solid var(--gray-100);padding-bottom:var(--space-3);font-size:1.1rem;font-weight:700}:root[data-theme=dark] .category-title{border-bottom-color:#ffffff0f}.skill-card{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);color:inherit;border:1px solid var(--gray-200);box-shadow:none;justify-content:space-between;align-items:center;gap:var(--space-4);transition:all var(--transition);text-decoration:none;display:flex}.skill-card:hover{border-color:var(--ixl-blue);transform:translate(2px);box-shadow:0 2px 12px #006bd61a}.skill-card-left{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.skill-score-badge{width:44px;height:44px;font-family:var(--font-display);border:2px solid;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:900;display:flex}.skill-info{min-width:0}.skill-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:700;overflow:hidden}.skill-topic{color:var(--gray-500);font-size:.75rem;font-weight:500}.skill-card-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.skill-status{white-space:nowrap;font-size:.75rem;font-weight:700}.skill-status.mastered{color:#8b5cf6}.skill-status.proficient{color:var(--correct)}.skill-status.not-started{color:var(--ixl-blue)}.skill-difficulty{gap:3px;display:flex}.skill-game-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:4px;font-size:1.35rem;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.skill-game-btn:hover{background:#ffffff0d;transform:scale(1.22)rotate(8deg)}:root[data-theme=dark] .skill-card{background:#ffffff08;border-color:#ffffff14}:root[data-theme=dark] .skill-card:hover{background:#ffffff0d;border-color:#3b82f6}:root[data-theme=dark] .skill-topic{color:#64748b}:root[data-theme=dark] .dot{background:#ffffff1a}:root[data-theme=dark] .dot.filled{background:#64748b}.subject-page{padding-bottom:var(--space-16)}.subject-page-header{padding:var(--space-8) 0;color:#fff}.back-link{color:#fffc;margin-bottom:var(--space-4);font-size:.875rem;font-weight:600;text-decoration:none;display:inline-block}.back-link:hover{color:#fff}.subject-page-title-row{align-items:center;gap:var(--space-5);display:flex}.subject-page-emoji{filter:drop-shadow(0 2px 8px #0000004d);font-size:3rem}.subject-page-title{color:#fff;margin-bottom:4px;font-size:2.5rem}.subject-page-subtitle{color:#ffffffd9;font-size:1rem}.grade-selector-wrap{padding:var(--space-6) 0 0}.grade-selector{gap:var(--space-2);flex-wrap:wrap;display:flex}.grade-btn{border-radius:var(--radius-full);border:2px solid var(--gray-200);color:var(--gray-600);cursor:pointer;transition:all var(--transition);background:#fff;padding:6px 16px;font-size:.875rem;font-weight:700}.grade-btn:hover{border-color:var(--gray-400);background:var(--gray-50)}.grade-btn.active{box-shadow:var(--shadow-md)}.skill-controls{align-items:center;gap:var(--space-4);padding:var(--space-4) 0;flex-wrap:wrap;display:flex}.filter-tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-tab{border-radius:var(--radius-full);border:2px solid var(--gray-200);color:var(--gray-500);cursor:pointer;transition:all var(--transition);background:#fff;padding:6px 14px;font-size:.8rem;font-weight:700}.filter-tab:hover{border-color:var(--gray-400)}.filter-tab.active{box-shadow:var(--shadow-sm)}.topic-section{margin-top:var(--space-8)}.topic-title{color:var(--gray-500);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4);border-bottom:2px solid var(--gray-100);padding-bottom:var(--space-2);font-size:1rem;font-weight:700}.skills-list{gap:var(--space-2);flex-direction:column;display:flex}.skills-empty{text-align:center;padding:var(--space-16) var(--space-8)}.skills-empty h3{margin:var(--space-4) 0 var(--space-2)}.skills-empty p{color:var(--text-secondary);margin-bottom:var(--space-6)}:root[data-theme=dark] .grade-btn{color:#94a3b8;background:#ffffff0a;border-color:#ffffff1a}:root[data-theme=dark] .grade-btn:hover{background:#ffffff0f;border-color:#fff3}:root[data-theme=dark] .grade-btn.active{box-shadow:0 2px 8px #0000004d}:root[data-theme=dark] .filter-tab:hover{border-color:#fff3}:root[data-theme=dark] .topic-title{color:#64748b;border-bottom-color:#ffffff0f}.smartscore-wrap{flex-direction:column;align-items:center;display:inline-flex;position:relative}.smartscore-wrap svg{display:block}.smartscore-center{text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.smartscore-number{font-family:var(--font-display);font-size:2.5rem;font-weight:900;line-height:1;transition:color .3s}.smartscore-label{text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);margin-top:2px;font-size:.65rem;font-weight:700}.smartscore-mastery{color:#8b5cf6;margin-top:2px;font-size:.75rem;font-weight:800;animation:.4s cubic-bezier(.34,1.56,.64,1) popIn}.smartscore-proficient{color:var(--correct);margin-top:2px;font-size:.75rem;font-weight:800}.smartscore-zone{text-align:center;margin-top:4px;font-size:.75rem;font-weight:700;transition:color .3s}.award-badge{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--bg-card);border:2px solid var(--gray-200);transition:all var(--transition);align-items:center;display:flex}.award-badge.earned{box-shadow:var(--shadow-md);border-color:#0000}.award-badge.earned:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.award-icon{border:2px solid;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.75rem;display:flex}.award-badge.sm .award-icon{border-radius:10px;width:40px;height:40px;font-size:1.25rem}.award-badge.lg .award-icon{border-radius:18px;width:72px;height:72px;font-size:2.5rem}.award-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.award-name{font-family:var(--font-display);font-size:.9375rem;font-weight:800}.award-desc{color:var(--gray-500);font-size:.8rem;line-height:1.4}.award-locked-tag{color:var(--gray-400);font-size:.7rem;font-weight:600}.award-earned-tag{color:var(--correct);font-size:.7rem;font-weight:700}:root[data-theme=dark] .award-badge{background:#ffffff0a;border-color:#ffffff14}:root[data-theme=dark] .award-name{color:#e2e8f0}:root[data-theme=dark] .award-desc{color:#94a3b8}.results-page{padding:var(--space-10) 0 var(--space-16)}.results-card{overflow:hidden}.results-header{padding:var(--space-10) var(--space-8);text-align:center;color:#fff}.results-emoji{margin-bottom:var(--space-4);font-size:4rem;animation:.8s bounce;display:inline-block}.results-title{color:#fff;margin-bottom:var(--space-2);font-size:2rem}.results-body{padding:var(--space-8)}.results-score-section{margin-bottom:var(--space-6);flex-direction:column;align-items:center;display:flex}.score-change{font-family:var(--font-display);margin-top:var(--space-2);font-size:1.25rem;font-weight:900}.results-stats{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.result-stat{text-align:center;padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg)}.rs-num{font-family:var(--font-display);font-size:2rem;font-weight:900;display:block}.rs-label{color:var(--gray-500);text-transform:uppercase;font-size:.75rem;font-weight:600}.results-awards{border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6);border:2px solid var(--gold);background:#fff8dc}.results-awards h3{margin-bottom:var(--space-4)}.awards-list{gap:var(--space-3);flex-direction:column;display:flex}.results-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}@media (width<=600px){.results-stats{grid-template-columns:repeat(2,1fr)}}:root[data-theme=dark] .results-body{background:#1e293b}:root[data-theme=dark] .result-stat{background:#ffffff0a}:root[data-theme=dark] .rs-num{color:#e2e8f0}:root[data-theme=dark] .rs-label{color:#64748b}:root[data-theme=dark] .results-awards{background:#f4c43014;border-color:#f4c4304d}:root[data-theme=dark] .results-awards h3{color:#fbbf24}.awards-page{padding:var(--space-10) 0 var(--space-16)}.awards-header{margin-bottom:var(--space-8)}.awards-header h1{margin-bottom:var(--space-2)}.awards-header p{color:var(--text-secondary);margin-bottom:var(--space-4)}.awards-progress-bar{background:var(--gray-200);border-radius:5px;width:100%;max-width:400px;height:10px;overflow:hidden}.awards-progress-fill{background:linear-gradient(90deg, var(--gold-dark), var(--gold));border-radius:5px;height:100%;transition:width .8s}.awards-controls{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.awards-type-tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.awards-type-tab{border-radius:var(--radius-full);border:2px solid var(--gray-200);color:var(--gray-500);cursor:pointer;transition:all var(--transition);background:#fff;padding:6px 16px;font-size:.85rem;font-weight:700}.awards-type-tab:hover{border-color:var(--gold-dark);color:var(--gold-dark)}.awards-type-tab.active{background:var(--gold-dark);color:#fff;border-color:var(--gold-dark)}.earned-toggle{align-items:center;gap:var(--space-2);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;display:flex}.earned-toggle input{accent-color:var(--ixl-blue)}.awards-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.awards-empty{text-align:center;padding:var(--space-16)}.awards-empty h2{margin:var(--space-4) 0 var(--space-2)}.awards-empty p{color:var(--text-secondary);max-width:400px;margin:0 auto}:root[data-theme=dark] .awards-type-tab{color:#94a3b8;background:#ffffff0a;border-color:#ffffff1a}:root[data-theme=dark] .awards-type-tab:hover{border-color:var(--gold-dark);color:var(--gold)}.diagnostic-page{padding:var(--space-10) 0 var(--space-16)}.diagnostic-intro{padding:var(--space-10) var(--space-8);text-align:center}.diag-emoji{margin-bottom:var(--space-4);font-size:4rem}.diagnostic-intro h1{margin-bottom:var(--space-4)}.diagnostic-intro p{color:var(--text-secondary);margin-bottom:var(--space-6);font-size:1.1rem}.diag-features{gap:var(--space-3);margin-bottom:var(--space-8);flex-direction:column;align-items:flex-start;max-width:360px;margin-left:auto;margin-right:auto;display:flex}.diag-feature{color:var(--text-secondary);font-size:.9rem}.diag-progress-wrap{background:var(--gray-200);height:8px;margin-bottom:var(--space-5);border-radius:4px;position:relative;overflow:hidden}.diag-progress-fill{background:linear-gradient(90deg, var(--ixl-blue), #09f);border-radius:4px;height:100%;transition:width .5s}.diag-progress-label{color:var(--gray-400);font-size:.75rem;font-weight:700;position:absolute;top:-20px;right:0}.diag-subject-badge{border-radius:var(--radius-full);margin-bottom:var(--space-4);align-items:center;gap:8px;padding:6px 16px;font-size:.9rem;font-weight:700;display:inline-flex}.diag-question{padding:var(--space-7)}.diagnostic-results{padding:var(--space-10) var(--space-8);text-align:center}.diag-recommendations{gap:var(--space-4);margin:var(--space-6) 0;grid-template-columns:1fr 1fr;display:grid}.diag-rec-card{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);transition:all var(--transition);border:2px solid;text-decoration:none;display:flex}.diag-rec-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.profile-page{padding:var(--space-8) 0 var(--space-16)}.profile-hero{border-radius:var(--radius-xl);padding:var(--space-8);align-items:center;gap:var(--space-6);margin-bottom:var(--space-6);color:#fff;display:flex}.profile-avatar-large{width:80px;height:80px;font-family:var(--font-display);color:#fff;background:#ffffff40;border:3px solid #fff6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:2.5rem;font-weight:900;display:flex}.profile-hero-info{flex:1}.profile-name-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.profile-username{color:#fff;margin:0;font-size:2rem}.profile-edit-btn{color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);background:#fff3;border:1px solid #ffffff4d;padding:4px 12px;font-size:.8rem}.profile-edit-btn:hover{background:#ffffff59}.profile-edit-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.profile-name-input{color:#fff;border-radius:var(--radius-md);background:#fff3;border:1px solid #fff6;padding:6px 12px;font-size:1.25rem;font-weight:700}.profile-role{color:#fffc;margin-bottom:var(--space-3)}.profile-badges-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.profile-badge{border-radius:var(--radius-full);background:#fff3;padding:4px 12px;font-size:.8rem;font-weight:700}.profile-stats{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.profile-stat-card{border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;box-shadow:var(--shadow-md);background:#fff}.psc-icon{margin-bottom:var(--space-2);font-size:1.5rem}.psc-value{font-family:var(--font-display);font-size:1.75rem;font-weight:900}.psc-label{color:var(--gray-400);text-transform:uppercase;font-size:.7rem;font-weight:600}.profile-section{border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);margin-bottom:var(--space-5);background:#fff}.profile-section h2{margin-bottom:var(--space-5);font-size:1.1rem}.streak-calendar{gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.streak-day{flex-direction:column;align-items:center;gap:4px;display:flex}.streak-day-dot{width:20px;height:20px;transition:all var(--transition);border-radius:5px}.streak-day.active .streak-day-dot{box-shadow:0 2px 8px}.streak-day-label{color:var(--gray-400);font-size:.65rem;font-weight:600}.streak-legend{gap:var(--space-5);color:var(--gray-500);font-size:.8rem;display:flex}.theme-picker{gap:var(--space-3);flex-wrap:wrap;display:flex}.theme-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex}.theme-btn:hover{transform:scale(1.15)}.theme-btn.active{transform:scale(1.2)}.profile-awards{gap:var(--space-3);flex-wrap:wrap;display:flex}.profile-award-item{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.pa-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.75rem;display:flex}.pa-name{text-align:center;max-width:60px;font-size:.7rem;font-weight:700}.account-info{gap:var(--space-3);flex-direction:column;display:flex}.account-row{padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-md);justify-content:space-between;align-items:center;font-size:.9rem;font-weight:600;display:flex}@media (width<=768px){.profile-hero{text-align:center;flex-direction:column}.profile-stats{grid-template-columns:repeat(2,1fr)}}:root[data-theme=dark] .profile-stat-card{background:#1e293b;border:1px solid #ffffff0f;box-shadow:0 2px 12px #0003}:root[data-theme=dark] .psc-value{color:#e2e8f0}:root[data-theme=dark] .psc-label{color:#64748b}:root[data-theme=dark] .profile-section{background:#1e293b;border:1px solid #ffffff0f;box-shadow:0 2px 12px #0003}:root[data-theme=dark] .profile-section h2{color:#e2e8f0}:root[data-theme=dark] .account-row{color:#cbd5e1;background:#ffffff0a}:root[data-theme=dark] .pa-name{color:#cbd5e1}.lb2-page{color:#f1f5f9;background:#0f0f1a;min-height:100vh;font-family:Inter,sans-serif}.lb2-hero{background:linear-gradient(135deg,#0f0f1a 0%,#1a0533 50%,#0f2040 100%);padding:40px 24px 0;position:relative;overflow:hidden}.lb2-hero-bg{pointer-events:none;position:absolute;inset:0}.hero-orb{filter:blur(80px);opacity:.25;border-radius:50%;animation:8s ease-in-out infinite orbFloat;position:absolute}.orb1{background:#7c3aed;width:400px;height:400px;animation-delay:0s;top:-100px;left:-80px}.orb2{background:#1e40af;width:300px;height:300px;animation-delay:2s;top:-50px;right:100px}.orb3{background:#b45309;width:250px;height:250px;animation-delay:4s;bottom:0;left:50%}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,-20px)scale(1.05)}}.lb2-hero-content{z-index:1;max-width:1100px;margin:0 auto;position:relative}.lb2-hero-title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.lb2-title{background:linear-gradient(135deg,#fbbf24,#f59e0b,#fde68a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:12px;margin:0 0 8px;font-size:2.4rem;font-weight:900;display:flex;position:relative}.trophy-icon{-webkit-text-fill-color:initial;filter:drop-shadow(0 0 12px #fbbf2499);font-size:2.4rem;animation:3s ease-in-out infinite trophyPulse}@keyframes trophyPulse{0%,to{filter:drop-shadow(0 0 12px #fbbf2499);transform:scale(1)}50%{filter:drop-shadow(0 0 24px #fbbf24e6);transform:scale(1.05)}}.lb2-subtitle{color:#fff9;margin:0;font-size:.95rem}.sparkle{gap:4px;margin-left:8px;display:inline-flex;position:relative}.sparkle-dot{color:#fbbf24;-webkit-text-fill-color:#fbbf24;font-size:.7rem;animation:1.5s ease-in-out infinite sparkleBlink}.s0{animation-delay:0s}.s1{animation-delay:.4s}.s2{animation-delay:.8s}@keyframes sparkleBlink{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.my-rank-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center;background:#ffffff12;border:1px solid #ffffff1f;border-radius:20px;min-width:160px;padding:20px 28px}.my-rank-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin-bottom:4px;font-size:.7rem;font-weight:700}.my-rank-number{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2px;font-size:3rem;font-weight:900;line-height:1}.my-rank-of{color:#fff6;margin-bottom:10px;font-size:.72rem}.my-rank-tier{text-transform:uppercase;letter-spacing:.08em;border-radius:20px;padding:4px 12px;font-size:.72rem;font-weight:800;display:inline-block}.lb2-tabs{gap:4px;display:flex}.lb2-tab{color:#ffffff80;cursor:pointer;letter-spacing:.01em;background:#ffffff0f;border:none;border-radius:12px 12px 0 0;padding:12px 24px;font-size:.875rem;font-weight:700;transition:all .2s}.lb2-tab:hover{color:#fff;background:#ffffff1a}.lb2-tab.active{color:#0f172a;background:#f8fafc}.lb2-body{background:#f8fafc;min-height:calc(100vh - 200px);padding-bottom:80px}.lb2-filters{flex-wrap:wrap;align-items:center;gap:12px;max-width:1100px;margin:0 auto;padding:20px 24px;display:flex}.lb2-search-wrap{flex:1;min-width:200px;position:relative}.search-icon{pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.lb2-search{color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:10px 12px 10px 36px;font-family:inherit;font-size:.875rem;transition:border-color .2s}.lb2-search:focus{border-color:#6366f1}.search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.8rem;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.lb2-select{color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;padding:10px 14px;font-family:inherit;font-size:.875rem;transition:border-color .2s}.lb2-select:focus{border-color:#6366f1}.lb2-total-badge{color:#1e40af;white-space:nowrap;background:#eff6ff;border-radius:20px;padding:8px 16px;font-size:.8rem;font-weight:700}.lb2-podium-wrap{justify-content:center;align-items:flex-end;gap:12px;max-width:700px;margin:0 auto;padding:20px 24px 0;display:flex}.lb2-podium-spot{flex-direction:column;flex:1;align-items:center;gap:6px;max-width:200px;display:flex}.lb2-podium-spot.p1{transform:translateY(-24px)}.podium2-crown{filter:drop-shadow(0 4px 12px #fbbf2499);font-size:2rem;animation:2.5s ease-in-out infinite crownFloat}@keyframes crownFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.podium2-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.6rem;font-weight:900;animation:.5s cubic-bezier(.34,1.56,.64,1) both avatarPop;display:flex;box-shadow:0 6px 20px #00000026}.gold-av{background:linear-gradient(135deg,#f59e0b,#fbbf24);width:76px;height:76px;font-size:2rem;box-shadow:0 6px 24px #fbbf2473}@keyframes avatarPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.podium2-name{color:#0f172a;text-align:center;font-size:.9rem;font-weight:800}.podium2-pts{color:#6366f1;font-size:1rem;font-weight:900}.gold-pts{color:#d97706;font-size:1.2rem}.podium2-score{color:#64748b;font-size:.75rem}.podium2-block{text-align:center;color:#fff;border-radius:12px 12px 0 0;justify-content:center;align-items:center;width:100%;padding:14px 8px;font-size:.875rem;font-weight:800;display:flex}.gold-block{background:linear-gradient(135deg,#f59e0b,#fbbf24);min-height:90px;box-shadow:0 -4px 20px #fbbf244d}.silver-block{background:linear-gradient(135deg,#64748b,#94a3b8);min-height:70px}.bronze-block{background:linear-gradient(135deg,#b45309,#d97706);min-height:54px}.lb2-legend{flex-wrap:wrap;align-items:center;gap:8px;max-width:1100px;margin:0 auto;padding:12px 24px;display:flex}.legend-label{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}.legend-chip{border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:700}.legend-info{color:#94a3b8;margin-left:auto;font-size:.7rem}.lb2-list-wrap{max-width:1100px;margin:0 auto;padding:0 24px}.lb2-loading{text-align:center;color:#64748b;padding:80px 24px}.lb2-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:.7s linear infinite spin}.lb2-empty{text-align:center;padding:80px 24px}.lb2-empty-icon{margin-bottom:12px;font-size:4rem}.lb2-empty h3{color:#374151;margin:0 0 8px;font-size:1.2rem;font-weight:800}.lb2-empty p{color:#94a3b8;margin:0 0 20px;font-size:.875rem}.lb2-retry-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;padding:10px 24px;font-weight:700;transition:background .2s}.lb2-retry-btn:hover{background:#4f46e5}.lb2-list-header{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;grid-template-columns:56px 1fr 80px 70px 90px 90px 100px 110px 130px;gap:8px;padding:8px 16px;font-size:.7rem;font-weight:700;display:grid}.lb2-list{flex-direction:column;gap:6px;display:flex}.lb2-row{cursor:default;background:#fff;border:2px solid #0000;border-radius:14px;grid-template-columns:56px 1fr 80px 70px 90px 90px 100px 110px 130px;align-items:center;gap:8px;padding:12px 16px;transition:all .2s;animation:.4s cubic-bezier(.34,1.56,.64,1) both rowSlideIn;display:grid;box-shadow:0 1px 4px #0000000d}@keyframes rowSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.lb2-row:hover{transform:translate(4px);box-shadow:0 4px 16px #00000014}.lb2-row.is-me{background:#f5f3ff;border-color:#6366f1}.lb2-row.is-top3{box-shadow:0 4px 16px #7c3aed1a}.lb2-col{align-items:center;display:flex}.col-rank{justify-content:center}.lb2-medal{font-size:1.6rem}.lb2-rank-num{color:#94a3b8;font-size:1rem;font-weight:900}.col-student{gap:10px}.lb2-avatar{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;font-weight:900;display:flex}.lb2-name-wrap{overflow:hidden}.lb2-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:.875rem;font-weight:800;display:flex;overflow:hidden}.you-tag{color:#6d28d9;text-transform:uppercase;background:#ede9fe;border-radius:8px;flex-shrink:0;padding:1px 7px;font-size:.6rem;font-weight:800}.lb2-classname{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.grade-chip{color:#475569;background:#f1f5f9;border-radius:20px;padding:3px 10px;font-size:.72rem;font-weight:700}.mastered-num{color:#7c3aed;font-size:.9rem;font-weight:800}.acc-wrap{flex-direction:column;gap:3px;width:100%;display:flex}.acc-num,.score-num{font-size:.8rem;font-weight:800}.score-bar-track{background:#f1f5f9;border-radius:2px;width:100%;height:4px;overflow:hidden}.score-bar-fill{border-radius:2px;height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.pts-pill{box-sizing:border-box;border-radius:10px;width:100%;padding:6px 10px;position:relative;overflow:hidden}.pts-val{z-index:1;font-size:.95rem;font-weight:900;display:block;position:relative}.pts-tier{text-transform:uppercase;letter-spacing:.08em;opacity:.7;z-index:1;font-size:.65rem;font-weight:700;display:block;position:relative}.pts-bar{border-radius:0 0 10px 10px;height:3px;transition:width 1s;position:absolute;bottom:0;left:0}.lb2-my-sticky{z-index:100;animation:.4s stickyUp;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes stickyUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.sticky-inner{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);white-space:nowrap;background:#1e1b4b;border:1px solid #ffffff1a;border-radius:30px;align-items:center;gap:10px;padding:12px 24px;font-size:.875rem;font-weight:700;display:flex;box-shadow:0 8px 32px #0000004d}.sticky-rank{color:#fbbf24;font-size:1.2rem;font-weight:900}.sticky-name{color:#fffc}.sticky-pts{color:#a5b4fc;background:#ffffff1a;border-radius:20px;padding:3px 10px}.sticky-score{color:#86efac;background:#ffffff1a;border-radius:20px;padding:3px 10px}.lb2-tip{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;max-width:1100px;margin:16px 24px;padding:14px 24px;font-size:.875rem}@media (width<=900px){.lb2-list-header,.lb2-row{grid-template-columns:44px 1fr 60px 60px 80px 80px}.col-qs,.col-acc,.lb2-list-header :nth-child(6),.lb2-list-header :nth-child(7){display:none}}@media (width<=640px){.lb2-title{font-size:1.6rem}.my-rank-card{padding:14px 20px}.my-rank-number{font-size:2rem}.lb2-list-header,.lb2-row{grid-template-columns:44px 1fr 60px 100px}.col-grade,.col-skills,.col-mastered,.col-qs,.col-acc,.col-avg,.lb2-list-header :nth-child(3),.lb2-list-header :nth-child(4),.lb2-list-header :nth-child(5),.lb2-list-header :nth-child(6),.lb2-list-header :nth-child(7),.lb2-list-header :nth-child(8){display:none}.lb2-podium-wrap{gap:6px;padding:16px 8px 0}.podium2-avatar{width:48px;height:48px;font-size:1.2rem}.gold-av{width:58px;height:58px}.legend-info{display:none}}[data-theme=light] .lb2-page{color:#0f172a;background:#f8fafc}[data-theme=light] .lb2-hero{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f2040 100%)}[data-theme=light] .lb2-subtitle{color:#ffffffb3}[data-theme=light] .my-rank-card{background:#ffffff1f;border-color:#ffffff26}[data-theme=light] .my-rank-label{color:#fff9}[data-theme=light] .my-rank-of{color:#ffffff80}[data-theme=light] .lb2-tab{color:#fff9;background:#ffffff14}[data-theme=light] .lb2-tab:hover{color:#fff}[data-theme=light] .lb2-body{background:#f8fafc}[data-theme=light] .lb2-row{background:#fff;border:2px solid #0000;box-shadow:0 1px 4px #0000000d}[data-theme=light] .lb2-row.is-me{background:#eff6ff;border-color:#006bd6}[data-theme=light] .sticky-inner{color:#0f172a;background:#fff;border-color:#e2e8f0;box-shadow:0 8px 32px #0000001f}[data-theme=light] .sticky-name{color:#475569}[data-theme=light] .sticky-pts{color:#4f46e5;background:#f1f5f9}[data-theme=light] .sticky-score{color:#059669;background:#ecfdf5}[data-theme=dark] .lb2-body{background:#0f172a}[data-theme=dark] .lb2-search{color:#e2e8f0;background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .lb2-search::placeholder{color:#64748b}[data-theme=dark] .lb2-select{color:#e2e8f0;background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .lb2-select option{background:#1e293b}[data-theme=dark] .lb2-total-badge{color:#a5b4fc;background:#6366f126}[data-theme=dark] .podium2-name{color:#e2e8f0}[data-theme=dark] .podium2-score{color:#94a3b8}[data-theme=dark] .lb2-row{background:#1e293b;border:2px solid #0000;box-shadow:0 1px 4px #0003}[data-theme=dark] .lb2-row:hover{box-shadow:0 4px 16px #0000004d}[data-theme=dark] .lb2-row.is-me{background:#6366f11a;border-color:#6366f1}[data-theme=dark] .lb2-name{color:#e2e8f0}[data-theme=dark] .grade-chip{color:#94a3b8;background:#ffffff0f}[data-theme=dark] .score-bar-track{background:#ffffff14}[data-theme=dark] .lb2-empty h3{color:#e2e8f0}[data-theme=dark] .lb2-empty p{color:#94a3b8}[data-theme=dark] .lb2-tip{color:#fbbf24;background:#fbbf2414;border-color:#fbbf2433}[data-theme=dark] .you-tag{color:#a5b4fc;background:#6366f126}[data-theme=dark] .lb2-spinner{border-color:#6366f1 #ffffff1a #ffffff1a}[data-theme=dark] .lb2-tab.active{color:#e2e8f0;background:#1e293b}[data-theme=dark] .search-clear{color:#64748b}[data-theme=dark] .legend-label{color:#94a3b8}[data-theme=dark] .legend-info{color:#64748b}.od-page{color:#e2e8f0;background:#0c0c18;max-width:680px;min-height:100vh;margin:0 auto;padding:20px 16px 80px;font-family:Inter,-apple-system,sans-serif}.od-toast{z-index:9999;white-space:nowrap;pointer-events:none;border-radius:50px;padding:12px 24px;font-size:.9rem;font-weight:600;animation:.3s od-toast-in;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}.od-toast--success{color:#6ee7b7;background:#065f46;border:1px solid #10b981}.od-toast--error{color:#fca5a5;background:#7f1d1d;border:1px solid #ef4444}.od-toast--warn{color:#fcd34d;background:#78350f;border:1px solid #f59e0b}.od-toast--info{color:#93c5fd;background:#1e3a8a;border:1px solid #3b82f6}@keyframes od-toast-in{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.od-header{background:linear-gradient(135deg,#1e1b4b,#312e81);border:1px solid #6366f140;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:20px 22px;display:flex}.od-header-left{align-items:center;gap:14px;display:flex}.od-header-icon{flex-shrink:0;font-size:2.2rem}.od-title{color:#fff;margin:0 0 3px;font-size:1.5rem;font-weight:800}.od-subtitle{color:#a5b4fc;margin:0;font-size:.82rem}.od-badge{white-space:nowrap;border-radius:50px;flex-shrink:0;padding:7px 14px;font-size:.8rem;font-weight:700}.od-badge--online{color:#6ee7b7;background:#064e3b;border:1px solid #059669}.od-badge--offline{color:#fca5a5;background:#7c1d1d;border:1px solid #dc2626}.od-stats-banner{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.od-stat-pill{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;flex:1;min-width:80px;padding:12px 10px}.od-stat-pill-val{color:#818cf8;margin-bottom:4px;font-size:1.5rem;font-weight:800;line-height:1;display:block}.od-stat-pill-val.warn{color:#f59e0b}.od-stat-pill-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.68rem}.od-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;margin-bottom:14px;padding:20px}.od-card--info{background:#3b82f60a;border-color:#3b82f633}.od-card--danger{background:#dc262608;border-color:#dc262633}.od-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.od-card-title{color:#e2e8f0;font-size:1rem;font-weight:700}.od-mode-toggle{background:#0000004d;border-radius:10px;gap:4px;padding:3px;display:flex}.od-mode-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s}.od-mode-btn.active{color:#fff;background:#4f46e5}.od-filter-row{margin-bottom:18px}.od-filter-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:.78rem;font-weight:700;display:block}.od-filter-label-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.od-select-all-btn{color:#818cf8;cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;font-weight:600;text-decoration:underline}.od-grade-chips{flex-wrap:wrap;gap:7px;display:flex}.od-grade-chip{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50px;padding:6px 13px;font-size:.82rem;font-weight:700;transition:all .15s}.od-grade-chip:hover{color:#a5b4fc;border-color:#6366f1}.od-grade-chip.active{color:#fff;background:#4f46e5;border-color:#6366f1}.od-subject-chips{flex-wrap:wrap;gap:8px;display:flex}.od-subject-chip{color:#cbd5e1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:5px;padding:7px 15px;font-size:.83rem;font-weight:600;transition:all .15s;display:flex}.od-subject-chip:hover{border-color:var(--chip-color,#6366f1);color:#fff}.od-subject-chip.active{background:var(--chip-color,#6366f1);border-color:var(--chip-color,#6366f1);color:#fff}.od-skills-grid{grid-template-columns:1fr 1fr;gap:7px;max-height:300px;padding-right:4px;display:grid;overflow-y:auto}.od-skills-grid::-webkit-scrollbar{width:4px}.od-skills-grid::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}.od-skill-check{cursor:pointer;color:#94a3b8;background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;transition:all .15s;display:flex}.od-skill-check input{display:none}.od-skill-check:hover{color:#e2e8f0;border-color:#6366f1}.od-skill-check.checked{color:#e2e8f0;background:#6366f11f;border-color:#6366f1}.od-skill-name{flex:1;line-height:1.3}.od-skill-grade{white-space:nowrap;background:#ffffff1a;border-radius:4px;padding:1px 5px;font-size:.68rem}.od-dl-summary-row{margin:12px 0 14px}.od-dl-preview{background:#6366f11a;border:1px solid #6366f133;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.od-dl-preview-count{color:#818cf8;font-size:1.4rem;font-weight:800;line-height:1}.od-dl-preview-label{color:#a5b4fc;font-size:.85rem}.od-dl-main-btn{margin-top:0}.od-btn{cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:8px;padding:14px;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .2s}.od-btn:disabled{opacity:.45;cursor:not-allowed}.od-btn--primary{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.od-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #6366f166}.od-btn--success{color:#fff;background:linear-gradient(135deg,#059669,#047857)}.od-btn--success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #05966966}.od-btn--danger{color:#f87171;background:0 0;border:1px solid #ef444459}.od-btn--danger:hover:not(:disabled){background:#ef44441a}.od-hint{color:#64748b;text-align:center;margin-top:10px;font-size:.8rem}.od-progress-bar-wrap{align-items:center;gap:10px;margin-bottom:12px;display:flex}.od-progress-bar{background:#ffffff14;border-radius:99px;flex:1;height:10px;overflow:hidden}.od-progress-bar-fill{background:linear-gradient(90deg,#4f46e5,#06b6d4);border-radius:99px;height:100%;transition:width .4s}.od-progress-pct{color:#818cf8;min-width:36px;font-size:.85rem;font-weight:700}.od-dl-result-row{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.od-result-chip{border-radius:50px;padding:5px 12px;font-size:.8rem;font-weight:600}.od-result-chip.success{color:#6ee7b7;background:#064e3b;border:1px solid #059669}.od-result-chip.warn{color:#fcd34d;background:#78350f;border:1px solid #f59e0b}.od-skill-list{flex-direction:column;gap:5px;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.od-skill-list::-webkit-scrollbar{width:4px}.od-skill-list::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}.od-skill-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:.8rem;display:flex}.od-skill-row--done{background:#10b9810d;border-color:#10b98133}.od-skill-row--downloading{background:#6366f112;border-color:#6366f14d;animation:1s infinite od-pulse}.od-skill-row--error{background:#ef44440d;border-color:#ef444433}.od-skill-row--locked{background:#f59e0b0d;border-color:#f59e0b33}.od-skill-row--empty{opacity:.5}@keyframes od-pulse{0%,to{opacity:1}50%{opacity:.6}}.od-skill-row-icon{flex-shrink:0;font-size:.9rem}.od-skill-row-name{color:#e2e8f0;flex:1;font-weight:500}.od-skill-row-sub{color:#64748b;font-size:.72rem}.od-skill-row-count{color:#818cf8;white-space:nowrap;font-size:.72rem;font-weight:700}.od-sync-desc{color:#94a3b8;margin-bottom:14px;font-size:.88rem;line-height:1.5}.od-sync-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.od-sync-status{border-radius:50px;padding:7px 14px;font-size:.82rem;font-weight:600}.od-sync-status.online{color:#6ee7b7;background:#064e3b;border:1px solid #059669}.od-sync-status.offline{color:#fca5a5;background:#7c1d1d;border:1px solid #dc2626}.od-sync-row .od-btn{width:auto;margin-top:0;padding:8px 18px;font-size:.85rem}.od-synced-badge{color:#6ee7b7;background:#0596691a;border:1px solid #05966940;border-radius:50px;padding:7px 16px;font-size:.85rem;font-weight:600}.od-steps{flex-direction:column;gap:16px;display:flex}.od-step{align-items:flex-start;gap:14px;display:flex}.od-step-num{color:#fff;background:linear-gradient(135deg,#4f46e5,#818cf8);border-radius:50%;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;margin-top:2px;font-size:.8rem;font-weight:800;display:flex}.od-step strong{color:#e2e8f0;margin-bottom:3px;font-size:.9rem;display:block}.od-step p{color:#94a3b8;margin:0;font-size:.82rem;line-height:1.5}.od-gate{text-align:center;background:linear-gradient(135deg,#1e1b4bcc,#312e8166);border:1px solid #6366f133;border-radius:24px;margin-top:8px;padding:40px 24px}.od-gate-icon{margin-bottom:16px;font-size:3.5rem}.od-gate-title{color:#fff;margin-bottom:12px;font-size:1.4rem;font-weight:800}.od-gate-desc{color:#a5b4fc;max-width:400px;margin:0 auto 24px;font-size:.92rem;line-height:1.7}.od-gate-features{text-align:left;grid-template-columns:1fr 1fr;gap:10px;max-width:420px;margin:0 auto 28px;display:grid}.od-gate-feature{color:#cbd5e1;background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:.82rem;display:flex}.od-gate-feature-icon{flex-shrink:0;font-size:1.1rem}.od-gate-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:20px;display:flex}.od-gate-btn{cursor:pointer;border:none;border-radius:50px;padding:12px 28px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.od-gate-btn--primary{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 20px #6366f159}.od-gate-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #6366f173}.od-gate-btn--secondary{color:#e2e8f0;background:#ffffff12;border:1px solid #ffffff26}.od-gate-btn--secondary:hover{background:#ffffff1f}.od-gate-hint{color:#ffffff4d;font-size:.75rem}@media (width<=480px){.od-gate-features,.od-skills-grid{grid-template-columns:1fr}.od-header{flex-direction:column;align-items:flex-start;gap:10px}.od-gate-actions{flex-direction:column;align-items:center}.od-gate-btn{text-align:center;width:100%}}[data-theme=light] .od-page{color:#0f172a;background:#f8fafc}[data-theme=light] .od-header{background:linear-gradient(135deg,#006bd6,#09f)}[data-theme=light] .od-card{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000f}[data-theme=light] .od-card--info{background:#eff6ff;border-color:#3b82f640}[data-theme=light] .od-card--danger{background:#fef2f2;border-color:#dc262640}[data-theme=light] .od-card-title{color:#0f172a}[data-theme=light] .od-stat-pill{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .od-stat-pill-label,[data-theme=light] .od-filter-label{color:#475569}[data-theme=light] .od-mode-toggle{background:#f1f5f9}[data-theme=light] .od-mode-btn{color:#475569}[data-theme=light] .od-grade-chip{color:#475569;background:#fff;border-color:#d1d5db}[data-theme=light] .od-grade-chip:hover{color:#006bd6;border-color:#006bd6}[data-theme=light] .od-subject-chip{color:#475569;background:#fff;border-color:#d1d5db}[data-theme=light] .od-skill-check{color:#475569;background:#fff;border-color:#e2e8f0}[data-theme=light] .od-skill-check:hover{color:#0f172a;border-color:#006bd6}[data-theme=light] .od-skill-check.checked{color:#0f172a;background:#eff6ff;border-color:#006bd6}[data-theme=light] .od-skill-grade{background:#f1f5f9}[data-theme=light] .od-dl-preview{background:#eff6ff;border-color:#bfdbfe}[data-theme=light] .od-progress-bar{background:#e2e8f0}[data-theme=light] .od-skill-row{background:#fff;border-color:#e2e8f0}[data-theme=light] .od-skill-row-name{color:#0f172a}[data-theme=light] .od-skill-row-sub{color:#64748b}[data-theme=light] .od-sync-desc{color:#475569}[data-theme=light] .od-hint{color:#64748b}[data-theme=light] .od-step strong{color:#0f172a}[data-theme=light] .od-step p{color:#475569}[data-theme=light] .od-gate{background:linear-gradient(135deg,#006bd60f,#6366f10f);border-color:#006bd633}[data-theme=light] .od-gate-title{color:#0f172a}[data-theme=light] .od-gate-desc{color:#475569}[data-theme=light] .od-gate-feature{color:#475569;background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .od-gate-btn--secondary{color:#0f172a;background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .od-gate-hint{color:#94a3b8}.reports-page{padding:var(--space-8) 0 var(--space-16)}.reports-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.reports-header h1{margin-bottom:var(--space-2)}.report-tabs{gap:var(--space-2);background:var(--gray-100);border-radius:var(--radius-full);padding:4px;display:flex}.report-tab{border-radius:var(--radius-full);color:var(--gray-500);cursor:pointer;transition:all var(--transition);background:0 0;border:none;padding:6px 18px;font-size:.875rem;font-weight:700}.report-tab.active{color:var(--ixl-blue);box-shadow:var(--shadow-sm);background:#fff}.report-summary{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.report-card{padding:var(--space-5);text-align:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.rc-icon{font-size:2rem}.rc-value{font-family:var(--font-display);font-size:2rem;font-weight:900}.rc-label{color:var(--gray-400);font-size:.75rem;font-weight:600}.report-grid{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.report-section{border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);margin-bottom:var(--space-6);background:#fff}.report-section h2{margin-bottom:var(--space-5);font-size:1.1rem}.class-chart{align-items:flex-end;gap:var(--space-3);height:200px;padding-top:var(--space-4);display:flex}.chart-col{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.chart-bar{border-radius:4px 4px 0 0;width:100%;min-height:4px;transition:height .6s}.chart-bar-label{color:var(--gray-500);font-size:.7rem;font-weight:700}.chart-day{color:var(--gray-400);font-size:.7rem;font-weight:600}.score-dist{gap:var(--space-4);flex-direction:column;display:flex}.dist-row{align-items:center;gap:var(--space-3);display:flex}.dist-label{color:var(--gray-600);min-width:160px;font-size:.8rem;font-weight:600}.dist-bar-wrap{background:var(--gray-100);border-radius:6px;flex:1;height:12px;overflow:hidden}.dist-bar{border-radius:6px;height:100%;transition:width .8s}.dist-count{color:var(--gray-500);text-align:right;min-width:80px;font-size:.8rem;font-weight:700}.student-report-table{flex-direction:column;display:flex}.srt-header{gap:var(--space-4);padding:var(--space-3) var(--space-4);color:var(--gray-400);text-transform:uppercase;border-bottom:2px solid var(--gray-100);grid-template-columns:2fr 1fr 1fr 1fr 1.5fr 2fr;font-size:.75rem;font-weight:700;display:grid}.srt-row{gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--gray-100);transition:background var(--transition);grid-template-columns:2fr 1fr 1fr 1fr 1.5fr 2fr;align-items:center;display:grid}.srt-row:hover{background:var(--gray-50)}.srt-student{align-items:center;gap:var(--space-3);display:flex}.mini-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:800;display:flex}.srt-cell{font-size:.9rem}.mini-bars{align-items:flex-end;gap:3px;height:28px;display:flex}.mini-bar{border-radius:2px;width:8px}.srt-progress-bar{background:var(--gray-200);border-radius:3px;width:100%;height:6px;overflow:hidden}.student-detail{margin-top:var(--space-4);padding:var(--space-6)}.student-detail h3{margin-bottom:var(--space-5)}.student-detail-chart .class-chart{height:150px}.subject-report{gap:var(--space-4);flex-direction:column;display:flex}.subject-report-row{gap:var(--space-4);grid-template-columns:180px 1fr 60px 120px;align-items:center;display:grid}.sr-bar-wrap{background:var(--gray-100);border-radius:5px;height:10px;overflow:hidden}.sr-bar{border-radius:5px;height:100%;transition:width .8s}.sr-score{font-family:var(--font-display);font-size:1.25rem}@media (width<=1024px){.report-summary{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:1fr}}:root[data-theme=dark] .report-tabs{background:#ffffff0d}:root[data-theme=dark] .report-tab{color:#94a3b8}:root[data-theme=dark] .report-tab.active{color:#60a5fa;background:#ffffff1a}:root[data-theme=dark] .report-section{background:#1e293b;border:1px solid #ffffff0f;box-shadow:0 2px 12px #0003}:root[data-theme=dark] .report-section h2{color:#e2e8f0}:root[data-theme=dark] .srt-header{border-bottom-color:#ffffff14}:root[data-theme=dark] .srt-row{border-bottom-color:#ffffff0f}:root[data-theme=dark] .srt-row:hover{background:#ffffff0a}:root[data-theme=dark] .srt-cell{color:#cbd5e1}:root[data-theme=dark] .dist-label{color:#94a3b8}.assignments-page{padding:var(--space-8) 0 var(--space-16)}.assignments-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:flex-start;display:flex}.assignments-header h1{margin-bottom:var(--space-2)}.create-assignment{padding:var(--space-8);margin-bottom:var(--space-8)}.create-assignment h2{margin-bottom:var(--space-6)}.create-form{gap:var(--space-5);flex-direction:column;display:flex}.create-row{gap:var(--space-4);grid-template-columns:2fr 1fr 1fr;display:grid}.skill-checkboxes{gap:var(--space-2);border:1px solid var(--gray-200);border-radius:var(--radius-md);max-height:200px;padding:var(--space-3);flex-direction:column;display:flex;overflow-y:auto}.skill-checkbox-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);display:flex}.skill-checkbox-item:hover{background:var(--gray-50)}.skill-checkbox-item.checked{background:var(--ixl-blue-light)}.skill-diff{color:var(--gray-400);margin-left:auto;font-size:.75rem}.student-checkboxes{gap:var(--space-2);flex-direction:column;display:flex}.student-check-all{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);cursor:pointer;border-bottom:1px solid var(--gray-100);margin-bottom:var(--space-2);font-weight:700;display:flex}.student-checkbox-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);display:flex}.student-checkbox-item:hover{background:var(--gray-50)}.student-checkbox-item.checked{background:var(--ixl-blue-light)}.create-actions{gap:var(--space-3);display:flex}.assignments-list{gap:var(--space-4);flex-direction:column;display:flex}.assignments-list h2{margin-bottom:var(--space-3);font-size:1.1rem}.assignment-item{padding:var(--space-5) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.ai-left{flex:1}.ai-subject-badge{color:var(--ixl-blue);background:var(--ixl-blue-light);border-radius:var(--radius-full);margin-bottom:var(--space-2);padding:2px 10px;font-size:.75rem;font-weight:700;display:inline-block}.ai-title{margin-bottom:var(--space-1);font-size:1rem;font-weight:800}.ai-due{color:var(--gray-500);font-size:.8rem}.ai-right{align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.ai-students{color:var(--gray-500);font-size:.875rem;font-weight:600}.ai-status{border-radius:var(--radius-full);padding:3px 10px;font-size:.8rem;font-weight:700}.ai-status.active{background:var(--ixl-blue-light);color:var(--ixl-blue)}.ai-status.completed{background:var(--correct-light);color:var(--correct)}:root[data-theme=dark] .skill-checkboxes{border-color:#ffffff14}:root[data-theme=dark] .skill-checkbox-item:hover{background:#ffffff0a}:root[data-theme=dark] .skill-checkbox-item.checked{background:#006bd61a}:root[data-theme=dark] .student-checkbox-item:hover{background:#ffffff0a}:root[data-theme=dark] .student-checkbox-item.checked{background:#006bd61a}:root[data-theme=dark] .student-check-all{border-bottom-color:#ffffff14}:root[data-theme=dark] .ai-title{color:#e2e8f0}.assignment-creator{background:#f0f4f8;min-height:100vh}.creator-header{color:#fff;background:linear-gradient(135deg,#1e40af,#3b82f6);align-items:center;gap:20px;padding:20px 32px;display:flex}.creator-header h1{flex:1;margin:0;font-size:1.4rem;font-weight:800}.back-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:8px;padding:8px 16px;font-weight:600}.step-indicators{gap:8px;display:flex}.step-dot{color:#fff;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:800;transition:all .2s;display:flex}.step-dot.active{color:#1e40af;background:#fff}.step-dot.done{color:#fff;background:#10b981}.creator-body{max-width:1200px;margin:0 auto;padding:32px}.creator-step{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 12px #0000000f}.creator-step h2{color:#0f172a;margin:0 0 24px;font-size:1.3rem;font-weight:800}.form-row{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:4px;display:grid}.checkbox-label{cursor:pointer;align-items:center;gap:8px;color:#374151!important;font-size:.875rem!important;font-weight:500!important;display:flex!important}.checkbox-label input[type=checkbox]{width:auto!important;height:auto!important}.step-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;border-radius:10px;padding:12px 24px;font-size:.9rem;font-weight:700;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#374151;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;padding:12px 24px;font-size:.9rem;font-weight:600}.btn-create{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669,#10b981);border:none;border-radius:10px;padding:12px 28px;font-size:1rem;font-weight:800;transition:all .2s}.btn-create:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #10b98166}.skills-layout{grid-template-columns:1fr 360px;gap:24px;margin-bottom:24px;display:grid}@media (width<=900px){.skills-layout{grid-template-columns:1fr}}.browser-filters{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.browser-filters select{cursor:pointer;border:1.5px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:.85rem}.search-input{border:1.5px solid #e2e8f0;border-radius:8px;flex:1;padding:8px 14px;font-size:.85rem}.skill-list{flex-direction:column;gap:6px;max-height:500px;display:flex;overflow-y:auto}.skill-item{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.skill-item:hover{background:#eff6ff;border-color:#bfdbfe}.skill-item.selected{background:#eff6ff;border-color:#3b82f6}.skill-check{color:#fff;border:2px solid #d1d5db;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.8rem;font-weight:900;display:flex}.skill-item.selected .skill-check{background:#3b82f6;border-color:#3b82f6}.skill-info{flex:1}.skill-name{color:#0f172a;font-size:.875rem;font-weight:600}.skill-meta{color:#94a3b8;margin-top:2px;font-size:.72rem}.skill-difficulty-dots{gap:3px;display:flex}.dot{background:#e2e8f0;border-radius:50%;width:6px;height:6px}.dot.filled{background:#3b82f6}.empty-hint{text-align:center;color:#94a3b8;padding:32px;font-size:.875rem}.selected-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.selected-panel h3{color:#0f172a;margin:0 0 16px;font-size:.95rem;font-weight:800}.selected-skill-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:12px;display:flex}.q-count-row{align-items:center;gap:6px;display:flex}.q-count-input{text-align:center;border:1px solid #d1d5db;border-radius:6px;width:52px;padding:4px 6px;font-size:.8rem;font-weight:700}.remove-skill{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:1rem;font-weight:700;display:flex}.selection-summary{color:#1e40af;text-align:center;background:#eff6ff;border-radius:8px;margin-top:12px;padding:10px;font-size:.8rem;font-weight:700}.review-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.review-row{border-bottom:1px solid #f1f5f9;gap:12px;padding:8px 0;display:flex}.review-row:last-child{border-bottom:none}.review-row span{color:#64748b;flex-shrink:0;width:110px;font-size:.8rem;font-weight:600}.review-skill-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.review-num{color:#1e40af;background:#eff6ff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:800;display:flex}.review-q-count{color:#1e40af;white-space:nowrap;background:#eff6ff;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:700}:root[data-theme=dark] .assignment-creator{background:#0f172a}:root[data-theme=dark] .creator-step{color:#e2e8f0;background:#1e293b;box-shadow:0 2px 12px #0003}:root[data-theme=dark] .creator-step h2{color:#e2e8f0}:root[data-theme=dark] .form-group label{color:#94a3b8}:root[data-theme=dark] .form-group input,:root[data-theme=dark] .form-group textarea,:root[data-theme=dark] .form-group select{color:#e2e8f0;background:#ffffff0d;border-color:#ffffff1a}:root[data-theme=dark] .form-group input:focus,:root[data-theme=dark] .form-group textarea:focus,:root[data-theme=dark] .form-group select:focus{background:#ffffff14;border-color:#3b82f6}:root[data-theme=dark] .checkbox-label{color:#cbd5e1!important}:root[data-theme=dark] .step-actions{border-top-color:#ffffff14}:root[data-theme=dark] .btn-secondary{color:#cbd5e1;background:#ffffff0f}:root[data-theme=dark] .browser-filters select,:root[data-theme=dark] .search-input{color:#e2e8f0;background:#ffffff0d;border-color:#ffffff1a}:root[data-theme=dark] .skill-item{background:#1e293b;border-color:#ffffff14}:root[data-theme=dark] .skill-item:hover{background:#3b82f60f;border-color:#3b82f64d}:root[data-theme=dark] .skill-item.selected{background:#3b82f61a;border-color:#3b82f6}:root[data-theme=dark] .skill-name{color:#e2e8f0}:root[data-theme=dark] .skill-check{border-color:#ffffff26}:root[data-theme=dark] .selected-panel{background:#ffffff08;border-color:#ffffff14}:root[data-theme=dark] .selected-panel h3{color:#e2e8f0}:root[data-theme=dark] .selected-skill-card{background:#1e293b;border-color:#ffffff14}:root[data-theme=dark] .q-count-input{color:#e2e8f0;background:#ffffff0d;border-color:#ffffff1a}:root[data-theme=dark] .selection-summary{color:#60a5fa;background:#3b82f61a}:root[data-theme=dark] .review-card{background:#ffffff08;border-color:#ffffff14}:root[data-theme=dark] .review-row{border-bottom-color:#ffffff0f}:root[data-theme=dark] .review-row span{color:#94a3b8}:root[data-theme=dark] .review-skill-row{background:#ffffff08;border-color:#ffffff14}:root[data-theme=dark] .review-num,:root[data-theme=dark] .review-q-count{color:#60a5fa;background:#3b82f61f}:root[data-theme=dark] .empty-hint{color:#64748b}.school-mgr{padding:var(--space-6);max-width:1200px;margin:0 auto}.school-mgr-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.school-mgr-header h1{color:var(--text-primary);font-size:1.75rem;font-weight:900}.tabs{background:var(--gray-100);border-radius:var(--radius-lg);margin-bottom:var(--space-6);flex-wrap:wrap;gap:4px;padding:4px;display:flex}.tab-btn{border-radius:var(--radius-md);cursor:pointer;color:var(--gray-600);white-space:nowrap;background:0 0;border:none;padding:8px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.tab-btn.active{color:var(--ixl-blue);background:#fff;box-shadow:0 2px 8px #0000001a}.tab-btn:hover:not(.active){background:var(--gray-200)}.sm-card{border-radius:var(--radius-xl);border:1px solid var(--gray-200);padding:var(--space-6);margin-bottom:var(--space-4);background:#fff;box-shadow:0 2px 8px #0000000a}.sm-card h2{color:var(--text-primary);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);font-size:1.2rem;font-weight:800;display:flex}.form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.form-grid-3{gap:var(--space-4);grid-template-columns:1fr 1fr 1fr;display:grid}@media (width<=700px){.form-grid,.form-grid-3{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.form-group input,.form-group select,.form-group textarea{border-radius:var(--radius-md);border:1.5px solid var(--gray-200);background:var(--gray-50);color:var(--text-primary);padding:10px 14px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--ixl-blue);background:#fff;outline:none}.level-selector{gap:var(--space-2);flex-wrap:wrap;margin-top:4px;display:flex}.level-badge{border-radius:var(--radius-full);border:2px solid var(--gray-200);cursor:pointer;color:var(--gray-600);background:#fff;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s}.level-badge:hover{border-color:var(--ixl-blue);color:var(--ixl-blue)}.level-badge.selected{border-color:var(--ixl-blue);background:var(--ixl-blue);color:#fff}.level-badge.lv1.selected{background:#22c55e;border-color:#22c55e}.level-badge.lv2.selected{background:#84cc16;border-color:#84cc16}.level-badge.lv3.selected{background:#f59e0b;border-color:#f59e0b}.level-badge.lv4.selected{background:#ef4444;border-color:#ef4444}.level-badge.lv5.selected{background:#8b5cf6;border-color:#8b5cf6}.level-badge.lv6.selected{background:#0f172a;border-color:#0f172a}.class-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.class-item{border-radius:var(--radius-xl);border:1.5px solid var(--gray-200);padding:var(--space-5);background:#fff;transition:all .2s;position:relative;overflow:hidden}.class-item:hover{border-color:var(--ixl-blue);transform:translateY(-2px);box-shadow:0 4px 20px #006bd61a}.class-item-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:flex-start;display:flex}.class-name{color:var(--text-primary);font-size:1.1rem;font-weight:800}.class-grade{color:var(--ixl-blue);background:var(--ixl-blue-light);border-radius:var(--radius-full);padding:3px 10px;font-size:.8rem;font-weight:700}.class-meta{gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.class-meta-item{flex-direction:column;gap:2px;display:flex}.class-meta-item .val{color:var(--text-primary);font-size:1.1rem;font-weight:800}.class-meta-item .lbl{color:var(--gray-500);text-transform:uppercase;font-size:.7rem;font-weight:600}.class-teacher{color:var(--gray-500);align-items:center;gap:4px;font-size:.8rem;display:flex}.class-level-tag{border-radius:var(--radius-full);margin-top:var(--space-2);align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:800;display:inline-flex}.class-actions{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.stu-table{border-collapse:collapse;width:100%}.stu-table th{text-align:left;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--gray-100);padding:10px 12px;font-size:.75rem;font-weight:700}.stu-table td{border-bottom:1px solid var(--gray-100);vertical-align:middle;padding:12px;font-size:.9rem}.stu-table tr:hover td{background:var(--gray-50)}.locked-badge{color:#92400e;border-radius:var(--radius-full);background:#fef3c7;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.unlocked-badge{background:var(--gray-100);color:var(--gray-500);border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.alert-success{color:#065f46;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);background:#d1fae5;border:1px solid #6ee7b7;font-weight:600;display:flex}.alert-error{color:#991b1b;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);background:#fee2e2;border:1px solid #fca5a5;font-weight:600}.modal-overlay{z-index:1000;padding:var(--space-4);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{border-radius:var(--radius-xl);padding:var(--space-6);background:#fff;width:100%;max-width:520px;animation:.2s fadeInDown;box-shadow:0 20px 60px #0000004d}.modal-box h3{margin-bottom:var(--space-4);color:var(--text-primary);font-size:1.2rem;font-weight:800}.modal-footer{gap:var(--space-3);margin-top:var(--space-5);justify-content:flex-end;display:flex}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--gray-400)}.empty-state h3{color:var(--gray-500);margin-bottom:var(--space-2);font-size:1.1rem;font-weight:700}.empty-state p{font-size:.9rem}.code-badge{color:#0369a1;border-radius:var(--radius-md);letter-spacing:.1em;background:#f0f9ff;border:1.5px dashed #0ea5e9;padding:6px 14px;font-family:monospace;font-size:1rem;font-weight:800}:root[data-theme=dark] .sm-card{background:#1e293b;border-color:#ffffff0f}:root[data-theme=dark] .sm-card h2{color:#e2e8f0}:root[data-theme=dark] .tab-btn:hover:not(.active){background:#ffffff0f}:root[data-theme=dark] .level-badge{color:#94a3b8;background:#ffffff0a;border-color:#ffffff1a}:root[data-theme=dark] .level-badge:hover{color:#60a5fa;border-color:#3b82f6}:root[data-theme=dark] .class-item{background:#1e293b;border-color:#ffffff14}:root[data-theme=dark] .class-item:hover{border-color:#3b82f6;box-shadow:0 4px 20px #0000004d}:root[data-theme=dark] .class-name{color:#e2e8f0}:root[data-theme=dark] .stu-table th{border-bottom-color:#ffffff14}:root[data-theme=dark] .stu-table td{color:#cbd5e1;border-bottom-color:#ffffff0f}:root[data-theme=dark] .stu-table tr:hover td{background:#ffffff0a}:root[data-theme=dark] .modal-box{background:#1e293b;box-shadow:0 20px 60px #0006}:root[data-theme=dark] .modal-box h3{color:#e2e8f0}:root[data-theme=dark] .code-badge{color:#38bdf8;background:#0ea5e91a;border-color:#0ea5e94d}:root[data-theme=dark] .locked-badge{color:#fbbf24;background:#f59e0b1f}.principal-dashboard{background:#f0f4f8;min-height:100vh;padding:0}.principal-header{color:#fff;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);padding:32px 40px;position:relative;overflow:hidden}.principal-header:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.principal-header-inner{z-index:1;justify-content:space-between;align-items:center;gap:24px;max-width:1400px;margin:0 auto;display:flex;position:relative}.principal-title-section h1{letter-spacing:-.5px;margin:0 0 4px;font-size:2rem;font-weight:900}.principal-title-section p{color:#ffffffb3;margin:0;font-size:.95rem}.principal-header-actions{gap:12px;display:flex}.btn-announce{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:700;transition:all .2s;display:flex}.btn-announce.primary{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 4px 12px #f9731666}.btn-announce.primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #f9731680}.btn-announce.secondary{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3}.btn-announce.secondary:hover{background:#ffffff26}.principal-nav{sticky:top;z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;box-shadow:0 2px 8px #0000000f}.principal-nav-inner{gap:0;max-width:1400px;margin:0 auto;padding:0 40px;display:flex}.principal-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:16px 24px;font-size:.875rem;font-weight:600;transition:all .2s}.principal-tab:hover{color:#1e40af}.principal-tab.active{color:#1e40af;border-bottom-color:#1e40af}.principal-content{max-width:1400px;margin:0 auto;padding:32px 40px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px;display:grid}.metric-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:16px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 12px #0000000f}.metric-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.metric-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex}.metric-body{flex:1}.metric-value{color:#0f172a;letter-spacing:-1px;font-size:2rem;font-weight:900;line-height:1}.metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:.8rem;font-weight:600}.metric-sub{color:#94a3b8;margin-top:2px;font-size:.75rem}.section-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.section-grid.three{grid-template-columns:1fr 1fr 1fr}.section-grid.full{grid-template-columns:1fr}@media (width<=1100px){.section-grid{grid-template-columns:1fr}.section-grid.three{grid-template-columns:1fr 1fr}}@media (width<=768px){.section-grid.three{grid-template-columns:1fr}.principal-content,.principal-header{padding:20px}.metrics-grid{grid-template-columns:1fr 1fr}}.panel{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000f}.panel-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.panel-title{color:#0f172a;margin:0;font-size:1rem;font-weight:800}.panel-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:4px 10px;font-size:.7rem;font-weight:700}.panel-badge.blue{color:#1d4ed8;background:#eff6ff}.panel-badge.green{color:#16a34a;background:#f0fdf4}.panel-badge.orange{color:#ea580c;background:#fff7ed}.panel-badge.red{color:#dc2626;background:#fef2f2}.subject-bars{flex-direction:column;gap:12px;display:flex}.subject-bar-row{align-items:center;gap:12px;display:flex}.subject-bar-label{color:#374151;text-align:right;flex-shrink:0;width:140px;font-size:.8rem;font-weight:600}.subject-bar-track{background:#f1f5f9;border-radius:4px;flex:1;height:8px;overflow:hidden}.subject-bar-fill{border-radius:4px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.subject-bar-score{color:#374151;text-align:right;width:36px;font-size:.8rem;font-weight:700}.activity-chart{align-items:flex-end;gap:8px;height:120px;padding-top:10px;display:flex}.activity-bar-wrap{flex-direction:column;flex:1;align-items:center;gap:6px;height:100%;display:flex}.activity-bar{background:linear-gradient(#3b82f6,#1e40af);border-radius:6px 6px 0 0;width:100%;min-height:4px;transition:height .5s}.activity-date{color:#94a3b8;text-align:center;font-size:.65rem;font-weight:600}.activity-count{color:#64748b;font-size:.65rem;font-weight:700}.teacher-list{flex-direction:column;gap:12px;display:flex}.teacher-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:14px;transition:all .2s;display:flex}.teacher-card:hover{background:#eff6ff;border-color:#bfdbfe}.teacher-avatar{color:#fff;background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:900;display:flex}.teacher-info{flex:1}.teacher-name{color:#0f172a;font-size:.9rem;font-weight:700}.teacher-meta{color:#64748b;margin-top:2px;font-size:.75rem}.teacher-score-badge{border-radius:20px;padding:6px 14px;font-size:.8rem;font-weight:800}.student-table-wrap{overflow-x:auto}.student-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.875rem}.student-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:.7rem;font-weight:700}.student-table td{color:#374151;border-bottom:1px solid #f1f5f9;padding:12px 14px}.student-table tr:hover td{background:#f8fafc}.student-table tr:last-child td{border-bottom:none}.score-pill{border-radius:20px;align-items:center;padding:3px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.at-risk-badge{color:#dc2626;text-transform:uppercase;background:#fef2f2;border-radius:6px;padding:2px 8px;font-size:.65rem;font-weight:700}.grade-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;display:grid}.grade-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 10px;transition:all .2s}.grade-card:hover{background:#eff6ff;border-color:#bfdbfe}.grade-label{color:#64748b;margin-bottom:6px;font-size:.75rem;font-weight:700}.grade-score{color:#0f172a;font-size:1.4rem;font-weight:900}.grade-students{color:#94a3b8;margin-top:3px;font-size:.65rem}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:100%;max-width:500px;padding:32px;animation:.2s slideUp;box-shadow:0 25px 60px #0003}.modal h3{color:#0f172a;margin:0 0 20px;font-size:1.25rem;font-weight:800}.form-group{margin-bottom:16px}.form-group label{color:#374151;margin-bottom:6px;font-size:.8rem;font-weight:700;display:block}.form-group input,.form-group textarea,.form-group select{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:100px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn-cancel{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:10px;padding:10px 20px;font-size:.875rem;font-weight:600}.btn-submit{cursor:pointer;color:#fff;background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;border-radius:10px;padding:10px 20px;font-size:.875rem;font-weight:700}.leaderboard-table{border-collapse:separate;border-spacing:0 6px;width:100%}.leaderboard-row{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f}.leaderboard-row td{padding:14px}.leaderboard-row td:first-child{border-radius:12px 0 0 12px}.leaderboard-row td:last-child{border-radius:0 12px 12px 0}.rank-badge{border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:900;display:flex}.rank-1{color:#fff;background:linear-gradient(135deg,#f59e0b,#fbbf24)}.rank-2{color:#fff;background:linear-gradient(135deg,#94a3b8,#cbd5e1)}.rank-3{color:#fff;background:linear-gradient(135deg,#b45309,#d97706)}.rank-other{color:#64748b;background:#f1f5f9}.loading-center{justify-content:center;align-items:center;height:200px;display:flex}.empty-state{text-align:center;color:#94a3b8;padding:48px}.empty-state .icon{margin-bottom:12px;font-size:3rem}.empty-state h3{color:#64748b;margin:0 0 8px;font-size:1rem}.empty-state p{margin:0;font-size:.875rem}:root[data-theme=dark] .principal-dashboard{background:#0f172a}:root[data-theme=dark] .principal-nav{background:#1e293b;border-bottom-color:#ffffff14;box-shadow:0 2px 8px #0000004d}:root[data-theme=dark] .principal-tab{color:#94a3b8}:root[data-theme=dark] .principal-tab:hover{color:#60a5fa}:root[data-theme=dark] .principal-tab.active{color:#60a5fa;border-bottom-color:#60a5fa}:root[data-theme=dark] .metric-card{background:#1e293b;border-color:#ffffff0f;box-shadow:0 2px 12px #0003}:root[data-theme=dark] .metric-card:hover{box-shadow:0 6px 20px #0000004d}:root[data-theme=dark] .metric-value{color:#e2e8f0}:root[data-theme=dark] .metric-label{color:#64748b}:root[data-theme=dark] .metric-sub{color:#475569}:root[data-theme=dark] .panel{background:#1e293b;border-color:#ffffff0f;box-shadow:0 2px 12px #0003}:root[data-theme=dark] .panel-title{color:#e2e8f0}:root[data-theme=dark] .panel-badge.blue{color:#60a5fa;background:#1d4ed826}:root[data-theme=dark] .panel-badge.green{color:#34d399;background:#16a36a26}:root[data-theme=dark] .panel-badge.orange{color:#fb923c;background:#ea580c26}:root[data-theme=dark] .panel-badge.red{color:#f87171;background:#dc262626}:root[data-theme=dark] .subject-bar-label{color:#94a3b8}:root[data-theme=dark] .subject-bar-track{background:#ffffff0f}:root[data-theme=dark] .subject-bar-score{color:#cbd5e1}:root[data-theme=dark] .teacher-card{background:#ffffff0a;border-color:#ffffff14}:root[data-theme=dark] .teacher-card:hover{background:#3b82f60f;border-color:#3b82f633}:root[data-theme=dark] .teacher-name{color:#e2e8f0}:root[data-theme=dark] .teacher-meta{color:#64748b}:root[data-theme=dark] .student-table th{color:#64748b;background:#ffffff0a;border-bottom-color:#ffffff14}:root[data-theme=dark] .student-table td{color:#cbd5e1;border-bottom-color:#ffffff0f}:root[data-theme=dark] .student-table tr:hover td{background:#ffffff0a}:root[data-theme=dark] .grade-card{background:#ffffff0a;border-color:#ffffff14}:root[data-theme=dark] .grade-card:hover{background:#3b82f60f;border-color:#3b82f633}:root[data-theme=dark] .grade-label{color:#94a3b8}:root[data-theme=dark] .grade-score{color:#e2e8f0}:root[data-theme=dark] .modal{background:#1e293b;box-shadow:0 25px 60px #0006}:root[data-theme=dark] .modal h3{color:#e2e8f0}:root[data-theme=dark] .btn-cancel{color:#94a3b8;background:#ffffff0f}:root[data-theme=dark] .leaderboard-row{background:#1e293b;box-shadow:0 1px 4px #0003}:root[data-theme=dark] .leaderboard-row td{color:#cbd5e1}:root[data-theme=dark] .rank-other{color:#94a3b8;background:#ffffff0f}:root[data-theme=dark] .empty-state h3{color:#94a3b8}:root[data-theme=dark] .spinner{border-color:#3b82f6 #ffffff1a #ffffff1a}.assignments-page{max-width:1100px;margin:0 auto;padding:32px 24px}.assignments-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.assignments-header h1{color:#0f172a;margin:0 0 6px;font-size:1.8rem;font-weight:900}.assignments-header p{color:#64748b;margin:0;font-size:.9rem}.assignment-stats{gap:20px;display:flex}.astat{text-align:center}.astat-num{color:#0f172a;font-size:1.8rem;font-weight:900;line-height:1;display:block}.astat-label{text-transform:uppercase;color:#94a3b8;font-size:.7rem;font-weight:700}.filter-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.filter-tab{cursor:pointer;color:#64748b;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:all .2s}.filter-tab:hover{color:#3b82f6;border-color:#3b82f6}.filter-tab.active{color:#1e40af;background:#eff6ff;border-color:#3b82f6}.assignments-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;display:grid}@media (width<=500px){.assignments-grid{grid-template-columns:1fr}}.assignment-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 12px #0000000f}.assignment-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.assignment-card.overdue-card{border-color:#fecaca;box-shadow:0 2px 12px #dc26261a}.assignment-card.completed-card{border-color:#bbf7d0}.assignment-card-header{border-bottom:1px solid #f1f5f9;padding:20px 20px 16px}.assignment-title-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.assignment-title{color:#0f172a;flex:1;margin:0;font-size:1rem;font-weight:800}.assignment-desc{color:#64748b;margin:0;font-size:.8rem;line-height:1.5}.badge{white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:.7rem;font-weight:700}.badge.completed{color:#16a34a;background:#f0fdf4}.badge.in-progress{color:#1e40af;background:#eff6ff}.badge.pending{color:#64748b;background:#f8fafc}.badge.overdue{color:#dc2626;background:#fef2f2}.assignment-meta-row{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:16px;padding:12px 20px;display:flex}.meta-item{color:#374151;align-items:center;gap:6px;font-size:.8rem;display:flex}.meta-icon{font-size:.9rem}.days-left{color:#b45309;background:#fef3c7;border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:700}.days-left.urgent{color:#dc2626;background:#fee2e2}.assignment-skills-preview{flex-wrap:wrap;gap:6px;padding:12px 20px;display:flex}.skill-chip{color:#374151;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:600;display:flex}.skill-chip.done{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.skill-chip.more{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.chip-score{color:#059669;font-weight:800}.progress-row{align-items:center;gap:12px;padding:8px 20px;display:flex}.progress-track{background:#e2e8f0;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#1e40af,#3b82f6);border-radius:3px;height:100%;transition:width .5s}.progress-text{color:#64748b;white-space:nowrap;font-size:.72rem;font-weight:700}.assignment-card-footer{background:#f8fafc;justify-content:flex-end;align-items:center;gap:10px;padding:16px 20px;display:flex}.btn-start{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;border-radius:10px;padding:10px 22px;font-size:.875rem;font-weight:700;transition:all .2s}.btn-start:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-start.overdue{background:linear-gradient(135deg,#dc2626,#ef4444)}.empty-assignments{text-align:center;padding:64px 24px}.empty-icon{margin-bottom:16px;font-size:4rem}.empty-assignments h3{color:#374151;margin:0 0 8px;font-size:1.2rem;font-weight:700}.empty-assignments p{color:#94a3b8;margin:0;font-size:.9rem}.assignment-practice-header{background:#fff;border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:20px;display:flex;box-shadow:0 2px 12px #0000000f}.assignment-practice-header h2{flex:1;margin:0;font-size:1.2rem;font-weight:800}.back-btn-sm{cursor:pointer;color:#374151;background:#f1f5f9;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600}.skill-select-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:24px;display:grid}.skill-select-card{cursor:pointer;text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s}.skill-select-card:hover,.skill-select-card.active{background:#eff6ff;border-color:#3b82f6}.skill-select-card.done{background:#f0fdf4;border-color:#10b981}.ssc-num{color:#64748b;margin-bottom:8px;font-size:1.5rem;font-weight:900}.ssc-name{color:#0f172a;font-size:.8rem;font-weight:700}.ssc-score{color:#16a34a;margin-top:4px;font-size:.75rem;font-weight:700}.practice-launch-card{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:40px;box-shadow:0 2px 12px #0000000f}.plc-subject{color:#1e40af;background:#eff6ff;border-radius:20px;margin-bottom:12px;padding:4px 14px;font-size:.8rem;font-weight:700;display:inline-block}.practice-launch-card h3{color:#0f172a;margin:0 0 8px;font-size:1.4rem;font-weight:900}.btn-practice-launch{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e40af,#3b82f6);border:none;border-radius:12px;margin-top:16px;padding:14px 32px;font-size:1rem;font-weight:800;transition:all .2s;display:inline-block}.btn-practice-launch:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.btn-next-skill{color:#374151;cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;margin-top:16px;margin-left:12px;padding:14px 24px;font-size:.9rem;font-weight:700;display:inline-block}:root[data-theme=dark] .assignments-header h1{color:#e2e8f0}:root[data-theme=dark] .assignments-header p{color:#94a3b8}:root[data-theme=dark] .astat-num{color:#e2e8f0}:root[data-theme=dark] .astat-label{color:#64748b}:root[data-theme=dark] .filter-tab{color:#94a3b8;background:#ffffff0a;border-color:#ffffff1a}:root[data-theme=dark] .filter-tab:hover{color:#60a5fa;border-color:#3b82f6}:root[data-theme=dark] .filter-tab.active{color:#60a5fa;background:#3b82f61f;border-color:#3b82f6}:root[data-theme=dark] .assignment-card{background:#1e293b;border-color:#ffffff0f;box-shadow:0 2px 12px #0003}:root[data-theme=dark] .assignment-card:hover{box-shadow:0 8px 24px #0000004d}:root[data-theme=dark] .assignment-card-header{border-bottom-color:#ffffff0f}:root[data-theme=dark] .assignment-title{color:#e2e8f0}:root[data-theme=dark] .assignment-desc{color:#94a3b8}:root[data-theme=dark] .assignment-meta-row{border-bottom-color:#ffffff0f}:root[data-theme=dark] .meta-item{color:#cbd5e1}:root[data-theme=dark] .skill-chip{color:#cbd5e1;background:#ffffff0f;border-color:#ffffff14}:root[data-theme=dark] .skill-chip.done{color:#34d399;background:#16a36a1f;border-color:#16a36a33}:root[data-theme=dark] .progress-track{background:#ffffff14}:root[data-theme=dark] .progress-text{color:#94a3b8}:root[data-theme=dark] .assignment-card-footer{background:#ffffff08}:root[data-theme=dark] .empty-assignments h3{color:#cbd5e1}:root[data-theme=dark] .empty-assignments p{color:#64748b}:root[data-theme=dark] .assignment-practice-header{background:#1e293b;box-shadow:0 2px 12px #0003}:root[data-theme=dark] .assignment-practice-header h2{color:#e2e8f0}:root[data-theme=dark] .back-btn-sm{color:#cbd5e1;background:#ffffff0f}:root[data-theme=dark] .skill-select-card{background:#1e293b;border-color:#ffffff14}:root[data-theme=dark] .skill-select-card:hover,:root[data-theme=dark] .skill-select-card.active{background:#3b82f614;border-color:#3b82f6}:root[data-theme=dark] .ssc-num{color:#94a3b8}:root[data-theme=dark] .ssc-name{color:#e2e8f0}:root[data-theme=dark] .practice-launch-card{background:#1e293b;border-color:#ffffff0f;box-shadow:0 2px 12px #0003}:root[data-theme=dark] .practice-launch-card h3{color:#e2e8f0}:root[data-theme=dark] .plc-subject{color:#60a5fa;background:#3b82f61f}:root[data-theme=dark] .btn-next-skill{color:#cbd5e1;background:#ffffff0f}.skill-tree-page{color:#f1f5f9;background:#0b0f19;min-height:100vh;padding:30px 20px 80px;position:relative;overflow:hidden}.map-background{z-index:0;pointer-events:none;position:absolute;inset:0}.stars{opacity:.3;background:#000 url(https://api.pakspeaks.com/images/stars.png);position:absolute;inset:0}.twinkling{opacity:.2;background:url(https://api.pakspeaks.com/images/twinkling.png);position:absolute;inset:0}.skill-tree-container{z-index:10;max-width:900px;margin:0 auto;position:relative}.skill-tree-header{margin-bottom:24px}.coach-tag{color:#818cf8;letter-spacing:.05em;text-transform:uppercase;background:#6366f126;border-radius:9999px;margin-bottom:8px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.skill-tree-header h1{background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:2.2rem;font-weight:900}.subtitle{color:#94a3b8;margin-top:6px;font-size:.95rem}.subjects-tab-row{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:none;background:#0f172a99;border:1px solid #ffffff14;border-radius:16px;gap:8px;margin-bottom:20px;padding:8px;display:flex;overflow-x:auto}.subjects-tab-row::-webkit-scrollbar{display:none}.subject-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:12px;flex:none;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:700;transition:all .25s;display:flex}.subject-tab:hover{color:#f1f5f9;background:#ffffff0a}.subject-tab.active{background:var(--subject-accent,#6366f1);color:#fff;box-shadow:0 4px 15px #0003}.subject-emoji{font-size:1.1rem}.grades-row{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:16px;margin-bottom:24px;padding:12px 18px;display:flex}.selector-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.85rem;font-weight:700}.grades-list{scrollbar-width:none;gap:8px;width:100%;padding:2px 0;display:flex;overflow-x:auto}.grades-list::-webkit-scrollbar{display:none}.grade-node-btn{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex:none;padding:6px 14px;font-size:.8rem;font-weight:700;transition:all .2s}.grade-node-btn:hover{color:#f1f5f9;background:#ffffff14}.grade-node-btn.active{color:#fff;border-color:#0000;box-shadow:0 2px 10px #00000026}.learning-map-viewport{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172a73;border:1px solid #ffffff0f;border-radius:24px;padding:30px;position:relative;overflow:visible}.map-scroll-area{width:100%;position:relative;overflow:visible}.map-svg-lines{pointer-events:none;z-index:1;width:100%;position:absolute;top:0;left:0}.glowing-path{filter:drop-shadow(0 0 8px var(--accent));animation:40s linear infinite dashmove}@keyframes dashmove{to{stroke-dashoffset:-1000px}}.map-node{cursor:pointer;z-index:5;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;transform:translate(-50%,-50%)}.node-inner{border:4px solid var(--node-accent,#64748b);z-index:10;background:#1e293b;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 10px #0000004d}.node-icon{font-size:1.1rem}.node-score-label{background:var(--node-accent,#64748b);color:#fff;border:2px solid #1e293b;border-radius:999px;padding:1px 5px;font-size:.65rem;font-weight:900;position:absolute;bottom:-4px;right:-4px}.node-pulse{opacity:0;z-index:1;border-radius:50%;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.node-hover-label{color:#94a3b8;white-space:nowrap;pointer-events:none;opacity:.8;background:#0f172ad9;border:1px solid #ffffff14;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:700;transition:all .2s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.map-node.not-started .node-inner{background:#0f172a;border-style:dashed}.map-node.in-progress{animation:3s ease-in-out infinite float-node}.map-node.in-progress .node-inner{background:#1e1b4b}.map-node.proficient .node-inner{background:#064e3b}.map-node.mastered .node-inner{background:#2e1065;box-shadow:0 0 15px #8b5cf666}.map-node:hover{z-index:15;transform:translate(-50%,-50%)scale(1.18)}.map-node:hover .node-inner{box-shadow:0 0 20px var(--node-accent,var(--accent))}.map-node:hover .node-pulse{opacity:.4;animation:1.5s cubic-bezier(0,0,.2,1) infinite node-ping}.map-node:hover .node-hover-label{opacity:1;color:#fff;background:#0f172a}@keyframes node-ping{75%,to{opacity:0;transform:scale(1.6)}}@keyframes float-node{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-54%)}}.node-detail-modal{z-index:100;background:#151e33;border:1px solid #ffffff1a;border-radius:16px;width:280px;position:absolute;overflow:hidden;box-shadow:0 10px 30px #00000080}.modal-header-accent{width:100%;height:6px}.modal-body{padding:16px}.modal-topic{color:#818cf8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.72rem;font-weight:800}.modal-title{color:#f1f5f9;margin:0 0 16px;font-size:.95rem;font-weight:800;line-height:1.3}.modal-score-section{background:#ffffff08;border:1px solid #ffffff08;border-radius:10px;align-items:center;gap:14px;margin-bottom:18px;padding:8px 12px;display:flex}.score-ring-wrapper{flex-shrink:0}.score-ring{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.score-ring-inner{color:#fff;background:#151e33;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;font-weight:900;display:flex}.score-info{flex:1}.score-zone-name{margin-bottom:2px;font-size:.82rem;font-weight:800}.score-status-desc{color:#64748b;font-size:.7rem;line-height:1.3}.modal-actions{flex-direction:column;gap:8px;display:flex}.modal-actions button{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 16px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.btn-practice{color:#fff;box-shadow:0 4px 12px #00000040}.btn-practice:hover{filter:brightness(1.15);transform:translateY(-1px)}.btn-game{background:0 0;border:2px solid var(--accent)!important}.btn-game:hover{background:#ffffff0d;transform:translateY(-1px)}.empty-map{text-align:center;background:#0f172a99;border:1px solid #ffffff14;border-radius:20px;padding:60px 20px}.empty-map h2{margin:12px 0 6px;font-size:1.4rem}.empty-map p{color:#64748b}.rtl-layout .grades-row{flex-direction:row-reverse}.rtl-layout .score-info{text-align:right}.rtl-layout .node-score-label{left:-4px;right:auto}@media (width<=768px){.skill-tree-page{padding-bottom:90px}.skill-tree-header h1{font-size:1.8rem}.grades-row{flex-direction:column;align-items:flex-start;gap:8px}.learning-map-viewport{padding:10px}.node-detail-modal{width:calc(100% - 32px);max-width:360px;position:fixed;bottom:90px;box-shadow:0 -10px 40px #0009;top:auto!important;left:50%!important;transform:translate(-50%)!important}}[data-theme=light] .skill-tree-page{color:#0f172a;background:#f8fafc}[data-theme=light] .stars,[data-theme=light] .twinkling{display:none}[data-theme=light] .skill-tree-header h1{background:linear-gradient(135deg,#0f172a 0%,#475569 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=light] .subtitle{color:#475569}[data-theme=light] .coach-tag{color:#006bd6;background:#006bd61a}[data-theme=light] .subjects-tab-row{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000f}[data-theme=light] .subject-tab{color:#475569}[data-theme=light] .subject-tab:hover{color:#0f172a;background:#f1f5f9}[data-theme=light] .grades-row{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000f}[data-theme=light] .selector-label{color:#475569}[data-theme=light] .grade-node-btn{color:#475569;background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .grade-node-btn:hover{color:#0f172a;background:#e2e8f0}[data-theme=light] .learning-map-viewport{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 12px #0000000f}[data-theme=light] .node-inner{background:#fff;box-shadow:0 4px 10px #0000001a}[data-theme=light] .node-score-label{border-color:#fff}[data-theme=light] .node-hover-label{color:#475569;background:#fff;border-color:#e2e8f0}[data-theme=light] .map-node:hover .node-hover-label{color:#0f172a;background:#fff}[data-theme=light] .map-node.not-started .node-inner{background:#f8fafc}[data-theme=light] .map-node.in-progress .node-inner{background:#eef2ff}[data-theme=light] .map-node.proficient .node-inner{background:#ecfdf5}[data-theme=light] .map-node.mastered .node-inner{background:#f5f3ff}[data-theme=light] .node-detail-modal{background:#fff;border-color:#e2e8f0;box-shadow:0 10px 30px #0000001f}[data-theme=light] .modal-topic{color:#006bd6}[data-theme=light] .modal-title{color:#0f172a}[data-theme=light] .modal-score-section{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .score-ring-inner{color:#0f172a;background:#fff}[data-theme=light] .score-status-desc{color:#475569}[data-theme=light] .empty-map{background:#fff;border-color:#e2e8f0}[data-theme=light] .empty-map p{color:#475569}.mini-game-page{color:#e2e8f0;background:#080c14;flex-direction:column;gap:20px;min-height:100vh;padding:24px;display:flex}.game-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172acc;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:12px 24px;display:flex}.game-header-left{align-items:center;gap:16px;display:flex}.btn-exit{color:#94a3b8!important;border-color:#ffffff26!important}.btn-exit:hover{color:#fff!important;background:#ffffff0d!important}.game-title{font-family:var(--font-display);color:#fff;font-size:1.1rem;font-weight:800}.game-progress-wrap{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;flex:1;max-width:400px;height:20px;position:relative;overflow:hidden}.game-progress-fill{background:linear-gradient(90deg,#ec4899,#8b5cf6);border-radius:9999px;height:100%;transition:width .4s}.game-progress-text{color:#fff;text-shadow:0 1px 2px #0009;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:flex;position:absolute;inset:0}.coin-display{color:#f59e0b;text-shadow:0 0 10px #f59e0b4d;font-size:1.1rem;font-weight:800}.game-content-layout{flex:1;grid-template-columns:1.2fr 1fr;gap:20px;display:grid}.game-arena-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff0f;flex-direction:column;gap:16px;height:calc(100vh - 120px);display:flex;background:#0f172a99!important;padding:20px!important}.battle-arena{background:linear-gradient(#111827,#030712);border:1px solid #ffffff08;border-radius:16px;flex:1;justify-content:space-around;align-items:center;padding:20px;display:flex;position:relative;overflow:hidden}.battle-arena:before{content:"";background:radial-gradient(#ffffff0f 0%,#0000 70%);border-radius:50%;height:12px;position:absolute;bottom:20%;left:10%;right:10%}.dmg-float{text-shadow:0 2px 10px #000c;z-index:20;font-size:1.8rem;font-weight:900;animation:1s cubic-bezier(.18,.89,.32,1.28) forwards dmgRise;position:absolute;top:30%}.dmg-player{color:#ef4444;left:30%}.dmg-monster{color:#fbbf24;right:30%}@keyframes dmgRise{0%{opacity:0;transform:translateY(40px)scale(.5)}50%{opacity:1}to{opacity:0;transform:translateY(-40px)scale(1.1)}}.vs-logo{font-family:var(--font-display);color:#ffffff26;font-size:2rem;font-style:italic;font-weight:900}.monster-wrapper,.player-wrapper{z-index:5;flex-direction:column;align-items:center;gap:12px;transition:all .3s;display:flex}.monster-emoji,.player-emoji{filter:drop-shadow(0 10px 15px #00000080);font-size:4.5rem}.monster-name-tag,.player-name-tag{background:#0006;border:1px solid #ffffff0f;border-radius:999px;padding:4px 12px;font-size:.95rem;font-weight:800}.monster-hp-bar-wrap{background:#00000080;border:1px solid #ffffff1a;border-radius:9999px;width:140px;height:18px;position:relative;overflow:hidden}.monster-hp-bar-fill{height:100%;transition:width .3s}.monster-hp-label{color:#fff;justify-content:center;align-items:center;font-size:.65rem;font-weight:800;display:flex;position:absolute;inset:0}.player-hearts{gap:4px;font-size:1.4rem;display:flex}.monster-wrapper.attack{animation:.6s ease-in-out monsterStrike}.player-wrapper.attack{animation:.6s ease-in-out playerStrike}.monster-wrapper.hurt{animation:.5s ease-in-out monsterHurt}.player-wrapper.hurt{animation:.5s ease-in-out playerHurt}.monster-wrapper.defeated{animation:1s forwards defeatedFade}@keyframes playerStrike{0%,to{transform:scale(1)}50%{transform:translate(50px)scale(1.1)rotate(10deg)}}@keyframes monsterStrike{0%,to{transform:scale(1)}50%{transform:translate(-50px)scale(1.1)rotate(-10deg)}}@keyframes playerHurt{0%,to{filter:brightness();transform:translate(0)}20%,60%{filter:brightness(.5)sepia()saturate(5)hue-rotate(-50deg);transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes monsterHurt{0%,to{filter:brightness();transform:translate(0)}20%,60%{filter:brightness(.5)sepia()saturate(5)hue-rotate(50deg);transform:translate(8px)}40%,80%{transform:translate(-8px)}}@keyframes defeatedFade{to{opacity:0;transform:scale(.1)rotate(360deg)}}.game-combat-log{scrollbar-width:none;background:#0000004d;border:1px solid #ffffff0a;border-radius:12px;flex-direction:column;gap:4px;height:80px;padding:10px 14px;display:flex;overflow-y:auto}.game-combat-log::-webkit-scrollbar{display:none}.log-line{color:#a78bfa;font-size:.78rem;font-weight:700}.log-line:first-child{color:#fff;border-left:2px solid #8b5cf6;padding-left:6px}.game-question-panel{flex-direction:column;justify-content:stretch;height:calc(100vh - 120px);display:flex}.game-question-panel .question-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f172a66;border:1px solid #ffffff0f;flex-direction:column;height:100%;padding:24px;display:flex;overflow-y:auto}.game-question-panel .question-text{flex:1;margin-bottom:24px;font-size:1.15rem;font-weight:700;line-height:1.5}.fill-blank-form{flex-direction:column;gap:12px;display:flex}.fill-blank-input{color:#fff;background:#0000004d;border:2px solid #ffffff1a;border-radius:12px;width:100%;padding:12px 16px;font-size:1.1rem}.fill-blank-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf640}.reveal-answer{color:#22a55b;background:#22a55b26;border-left:4px solid #22a55b;border-radius:8px;padding:12px 14px;font-size:.9rem}.options-grid{grid-template-columns:1fr;gap:10px;display:grid}.option-btn{color:#fff;cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;padding:14px 18px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.option-btn:hover:not(:disabled){background:#ffffff14;border-color:#ffffff26}.option-btn.selected{background:#6366f126;border-color:#6366f1}.option-btn.correct{color:#22a55b!important;background:#22a55b26!important;border-color:#22a55b!important}.option-btn.incorrect{color:#d93025!important;background:#d9302526!important;border-color:#d93025!important}.option-btn.dimmed{opacity:.4}.option-letter{background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-right:12px;font-size:.75rem;display:flex}.explanation-box{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;margin-top:18px;padding:14px 16px}.explanation-header{color:#e2e8f0;margin-bottom:6px;font-size:.95rem;font-weight:900}.explanation-text{color:#94a3b8;font-size:.82rem;line-height:1.4}.game-over-overlay{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:30px;display:flex;background:#0f172acc!important}.game-over-icon{margin-bottom:12px;font-size:4rem}.game-over-overlay h2{color:#ef4444;margin:0 0 8px;font-size:2rem}.game-over-overlay p{color:#94a3b8;max-width:280px;margin:0 0 20px;font-size:.9rem}.game-over-stats{gap:20px;margin-bottom:24px;display:flex}.game-over-stats div{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;padding:8px 18px;font-size:.9rem;font-weight:800}.btn-restart{color:#fff;background:#dc2626;width:160px;box-shadow:0 4px 15px #dc262666}.btn-restart:hover{background:#b91c1c}.rtl-layout{direction:rtl}.rtl-layout [dir=rtl]{text-align:right}.rtl-layout .option-letter{margin-left:12px;margin-right:0}.rtl-layout .option-btn{text-align:right}.rtl-layout .game-header-left{flex-direction:row-reverse}.rtl-layout .dmg-player{left:auto;right:30%}.rtl-layout .dmg-monster{left:30%;right:auto}@media (width<=960px){.game-content-layout{grid-template-columns:1fr}.game-arena-panel{height:380px}.game-question-panel{height:auto}}@media (width<=640px){.mini-game-page,.battle-arena{padding:10px}.monster-emoji,.player-emoji{font-size:3rem}.vs-logo{font-size:1.4rem}.game-header{padding:8px 12px}.log-line{font-size:.7rem}}[data-theme=light] .mini-game-page{color:#0f172a;background:#f8fafc}[data-theme=light] .game-header{background:#fff;border-color:#e2e8f0}[data-theme=light] .btn-exit{color:#475569!important;border-color:#d1d5db!important}[data-theme=light] .btn-exit:hover{color:#0f172a!important;background:#f1f5f9!important}[data-theme=light] .game-title{color:#0f172a}[data-theme=light] .game-progress-wrap{background:#e2e8f0;border-color:#d1d5db}[data-theme=light] .game-progress-text{color:#fff}[data-theme=light] .game-arena-panel{border-color:#e2e8f0;background:#fff!important}[data-theme=light] .battle-arena{background:linear-gradient(#f1f5f9,#e2e8f0);border-color:#d1d5db}[data-theme=light] .vs-logo{color:#00000026}[data-theme=light] .monster-name-tag,[data-theme=light] .player-name-tag{color:#0f172a;background:#0000000f;border-color:#e2e8f0}[data-theme=light] .monster-hp-bar-wrap{background:#e2e8f0;border-color:#d1d5db}[data-theme=light] .monster-hp-label{color:#fff}[data-theme=light] .game-combat-log{background:#f1f5f9;border-color:#e2e8f0}[data-theme=light] .log-line{color:#6d28d9}[data-theme=light] .log-line:first-child{color:#0f172a;border-left-color:#6d28d9}[data-theme=light] .game-question-panel .question-card{background:#fff;border-color:#e2e8f0}[data-theme=light] .game-question-panel .question-text{color:#0f172a}[data-theme=light] .option-btn{color:#0f172a;background:#fff;border-color:#e2e8f0}[data-theme=light] .option-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}[data-theme=light] .option-btn.selected{background:#eef2ff;border-color:#6366f1}[data-theme=light] .option-letter{background:#f1f5f9}[data-theme=light] .fill-blank-input{color:#0f172a;background:#fff;border-color:#d1d5db}[data-theme=light] .explanation-box{background:#f8fafc;border-color:#e2e8f0}[data-theme=light] .explanation-header{color:#0f172a}[data-theme=light] .explanation-text{color:#475569}[data-theme=light] .game-over-overlay{border-color:#e2e8f0;background:#fffffff2!important}[data-theme=light] .game-over-overlay p{color:#475569}[data-theme=light] .game-over-stats div{color:#0f172a;background:#f1f5f9;border-color:#e2e8f0}.admin-wrapper{color:#f1f5f9;background:#090d16;min-height:100vh;padding:32px 24px 80px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}[data-theme=light] .admin-wrapper{color:#0f172a;background:#f8fafc}.admin-container{flex-direction:column;gap:28px;max-width:1400px;margin:0 auto;display:flex}.admin-header{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:24px;display:flex}.admin-header-title{letter-spacing:-.03em;align-items:center;gap:12px;margin:0;font-family:Outfit,sans-serif;font-size:2rem;font-weight:800;display:flex}.admin-badge-live{color:#34d399;background:#10b98126;border:1px solid #10b98166;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.admin-pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite adminPulse;box-shadow:0 0 8px #10b981}@keyframes adminPulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.3)}to{opacity:.8;transform:scale(.95)}}.admin-header-subtitle{color:#94a3b8;margin:6px 0 0;font-size:.88rem}.admin-header-actions{align-items:center;gap:10px;display:flex}.admin-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.admin-btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 4px 14px #2563eb4d}.admin-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb73}.admin-btn-secondary{color:#e2e8f0;background:#ffffff12;border:1px solid #ffffff1f}[data-theme=light] .admin-btn-secondary{color:#334155;background:#fff;border-color:#cbd5e1}.admin-btn-secondary:hover{background:#ffffff1f}.admin-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.admin-kpi-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f172abf;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;justify-content:space-between;gap:14px;padding:22px;display:flex;box-shadow:0 10px 30px -10px #0006}[data-theme=light] .admin-kpi-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 16px #0000000a}.admin-kpi-top{justify-content:space-between;align-items:center;display:flex}.admin-kpi-label{color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:700}.admin-kpi-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.admin-kpi-value{color:#fff;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800;line-height:1}[data-theme=light] .admin-kpi-value{color:#0f172a}.admin-kpi-sub{color:#64748b;font-size:.78rem}.admin-tabs{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:14px;display:flex;overflow-x:auto}[data-theme=light] .admin-tabs{border-color:#e2e8f0}.admin-tab-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex}[data-theme=light] .admin-tab-btn{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}.admin-tab-btn:hover{color:#f1f5f9;background:#ffffff14;border-color:#ffffff26}[data-theme=light] .admin-tab-btn:hover{color:#0f172a;background:#e2e8f0}.admin-tab-btn.active{color:#fff;background:#2563eb;border-color:#3b82f6;box-shadow:0 4px 12px #2563eb59}.admin-panel-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172acc;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:20px;padding:28px;display:flex;box-shadow:0 15px 40px -15px #00000080}[data-theme=light] .admin-panel-card{background:#fff;border-color:#e2e8f0;box-shadow:0 6px 24px #0000000a}.admin-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-search-wrapper{align-items:center;width:100%;max-width:360px;display:flex;position:relative}.admin-search-icon{color:#64748b;pointer-events:none;position:absolute;left:14px}.admin-search-input{color:#f1f5f9;background:#02061799;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;height:42px;padding:0 16px 0 40px;font-size:.88rem;transition:all .2s}[data-theme=light] .admin-search-input{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.admin-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.admin-filter-select{color:#f1f5f9;cursor:pointer;background:#02061799;border:1px solid #ffffff1a;border-radius:12px;outline:none;height:42px;padding:0 14px;font-size:.88rem}[data-theme=light] .admin-filter-select{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.admin-table-container{border:1px solid #ffffff14;border-radius:16px;overflow-x:auto}[data-theme=light] .admin-table-container{border-color:#e2e8f0}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.admin-table th{color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;background:#ffffff08;border-bottom:1px solid #ffffff14;padding:14px 18px;font-size:.78rem;font-weight:700}[data-theme=light] .admin-table th{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.admin-table td{color:#e2e8f0;border-bottom:1px solid #ffffff0d;padding:14px 18px}[data-theme=light] .admin-table td{color:#1e293b;border-color:#f1f5f9}.admin-table tr:hover td{background:#ffffff05}[data-theme=light] .admin-table tr:hover td{background:#f8fafc}.admin-role-badge{text-transform:capitalize;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.admin-badge-student{color:#60a5fa;background:#3b82f626}.admin-badge-teacher{color:#c084fc;background:#a855f726}.admin-badge-principal{color:#fbbf24;background:#f59e0b26}.admin-badge-parent{color:#34d399;background:#10b98126}.admin-badge-admin{color:#f87171;background:#ef444426}.admin-status-pill{border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-block}.admin-status-active{color:#34d399;background:#10b98126}.admin-status-inactive{color:#94a3b8;background:#64748b33}.admin-table-actions{align-items:center;gap:8px;display:flex}.admin-action-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.admin-action-btn:hover{color:#fff;background:#ffffff26}.admin-action-delete:hover{color:#ef4444;background:#ef444433;border-color:#ef44444d}.admin-flag-category-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;gap:14px;padding:20px;display:flex}.admin-flag-category-title{align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:800;display:flex}.admin-flag-item{background:#02061780;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;transition:all .15s;display:flex}.admin-flag-item:hover{border-color:#ffffff26}.admin-flag-toggle{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.admin-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal{background:#0f172a;border:1px solid #ffffff26;border-radius:24px;flex-direction:column;gap:20px;width:100%;max-width:540px;padding:32px;display:flex;box-shadow:0 25px 60px #000c}[data-theme=light] .admin-modal{background:#fff;border-color:#cbd5e1}.admin-modal-header{justify-content:space-between;align-items:center;display:flex}.admin-modal-title{margin:0;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800}.admin-modal-form{flex-direction:column;gap:14px;display:flex}.admin-form-group{flex-direction:column;gap:6px;display:flex}.admin-form-label{color:#94a3b8;font-size:.78rem;font-weight:700}.admin-form-input{color:#fff;background:#020617b3;border:1px solid #ffffff1f;border-radius:12px;outline:none;height:44px;padding:0 14px;font-size:.9rem}[data-theme=light] .admin-form-input{color:#0f172a;background:#fff;border-color:#cbd5e1}.admin-form-input:focus{border-color:#3b82f6}.curriculum-manager{--neon-purple:#8b5cf6;--neon-blue:#3b82f6;--neon-green:#10b981;--neon-red:#ef4444;--neon-amber:#f59e0b;--glass-bg:#ffffffb3;--glass-border:#e2e8f0cc;--card-shadow:0 8px 32px 0 #1f26870d;color:#1e293b;flex-direction:column;gap:24px;width:100%;font-family:Outfit,Inter,sans-serif;animation:.4s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cm-nav-header{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.cm-tabs{gap:8px;display:flex}.cm-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.cm-tab-btn:hover{color:#1e293b;background:#f1f5f9cc}.cm-tab-btn.active{color:#fff;background:linear-gradient(135deg, var(--neon-purple), #7c3aed);box-shadow:0 4px 14px #7c3aed4d}.cm-header-actions{gap:12px;display:flex}.cm-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.875rem;font-weight:700;transition:all .25s;display:inline-flex}.cm-btn-primary{background:linear-gradient(135deg, var(--neon-blue), #2563eb);color:#fff;box-shadow:0 4px 12px #2563eb33}.cm-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb4d}.cm-btn-success{background:linear-gradient(135deg, var(--neon-green), #059669);color:#fff;box-shadow:0 4px 12px #05966933}.cm-btn-success:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0596694d}.cm-btn-secondary{color:#475569;background:#fff;border:1px solid #e2e8f0}.cm-btn-secondary:hover{color:#0f172a;background:#f8fafc}.cm-btn-danger{background:linear-gradient(135deg, var(--neon-red), #dc2626);color:#fff;box-shadow:0 4px 12px #dc262626}.cm-btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 16px #dc262640}.cm-alert{border-radius:12px;align-items:center;gap:12px;padding:14px 20px;font-size:.9rem;font-weight:600;animation:.3s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cm-alert-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.cm-alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5}.cm-curriculum-layout{grid-template-columns:320px 1fr;gap:24px;display:grid}@media (width<=900px){.cm-curriculum-layout{grid-template-columns:1fr}}.cm-subjects-sidebar{flex-direction:column;gap:12px;display:flex}.cm-sidebar-header{text-transform:uppercase;letter-spacing:1px;color:#94a3b8;margin-bottom:4px;font-size:.8rem;font-weight:800}.cm-subject-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #00000005}.cm-subject-card:before{content:"";background:var(--subject-color,var(--neon-purple));opacity:.8;width:4px;transition:width .25s;position:absolute;top:0;bottom:0;left:0}.cm-subject-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000d}.cm-subject-card.active{border-color:var(--subject-color,var(--neon-purple));background:linear-gradient(90deg,#fffffff2,#f3f4f666)}.cm-subject-card.active:before{width:6px}.cm-subj-emoji-wrap{background:var(--subject-bg-color,#8b5cf61a);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}.cm-subj-details{flex:1}.cm-subj-title{color:#0f172a;margin-bottom:2px;font-size:1rem;font-weight:800}.cm-subj-meta{color:#64748b;align-items:center;gap:6px;font-size:.75rem;display:flex}.cm-badge-custom{color:var(--neon-purple);text-transform:uppercase;background:#8b5cf61a;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:800}.cm-subject-detail-panel{box-shadow:var(--card-shadow);background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:24px;padding:24px;display:flex}.cm-detail-header-row{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px;display:flex}.cm-detail-title-desc h2{color:#0f172a;align-items:center;gap:10px;margin:0 0 6px;font-size:1.5rem;font-weight:800;display:flex}.cm-detail-title-desc p{color:#475569;margin:0;font-size:.95rem}.cm-grades-nav{background:#f1f5f9;border-radius:8px;gap:6px;padding:4px;display:flex}.cm-grade-pill{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:800;transition:all .2s}.cm-grade-pill.active{color:#0f172a;background:#fff;box-shadow:0 2px 6px #0000000f}.cm-skills-list-section{flex-direction:column;gap:18px;display:flex}.cm-section-subtitle{color:#1e293b;border-left:4px solid var(--subject-color,var(--neon-purple));justify-content:space-between;align-items:center;padding-left:10px;font-size:1.1rem;font-weight:800;display:flex}.cm-skills-grid{grid-template-columns:1fr;gap:12px;display:grid}.cm-skill-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;transition:all .2s;display:flex}.cm-skill-row:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #00000008}.cm-skill-info{flex-direction:column;gap:4px;display:flex}.cm-skill-name-row{align-items:center;gap:8px;display:flex}.cm-skill-name{color:#0f172a;font-size:.95rem;font-weight:700}.cm-skill-meta{color:#64748b;gap:8px;font-size:.75rem;display:flex}.cm-skill-diff-dots{gap:3px;display:flex}.cm-diff-dot{background:#e2e8f0;border-radius:50%;width:6px;height:6px}.cm-diff-dot.filled{background:var(--subject-color,var(--neon-purple))}.cm-questions-filter-bar{box-shadow:var(--card-shadow);background:#fff;border:1px solid #e2e8f0;border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding:16px 20px;display:grid}.cm-filter-input{color:#334155;background:#f8fafc;border:1px solid #dde2ec;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:.85rem;transition:all .2s}.cm-filter-input:focus{border-color:var(--neon-blue);background:#fff;outline:none;box-shadow:0 0 0 3px #3b82f626}.cm-search-wrap{grid-column:span 2;position:relative}@media (width<=768px){.cm-search-wrap{grid-column:span 1}}.cm-questions-panel{box-shadow:var(--card-shadow);background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.cm-table-container{width:100%;overflow-x:auto}.cm-table{border-collapse:collapse;text-align:left;width:100%}.cm-table th{color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 20px;font-size:.8rem;font-weight:800}.cm-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:16px 20px;font-size:.9rem}.cm-table tr:last-child td{border-bottom:none}.cm-table tr:hover td{background:#fafafb}.cm-question-preview-text{text-overflow:ellipsis;white-space:nowrap;color:#0f172a;max-width:320px;font-weight:600;overflow:hidden}.cm-level-badge{color:#1d4ed8;background:#eff6ff;border-radius:99px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:800;display:inline-flex}.cm-q-type{color:#64748b;text-transform:capitalize;font-size:.75rem;font-weight:700}.cm-actions-cell{gap:8px;display:flex}.cm-action-btn-icon{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.cm-action-btn-icon:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.cm-action-btn-icon.danger:hover{color:var(--neon-red);background:#fef2f2;border-color:#fca5a5}.cm-pagination-footer{color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;font-size:.85rem;display:flex}.cm-pagination-actions{gap:8px;display:flex}.cm-page-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.cm-page-btn:hover:not(:disabled){color:#0f172a;background:#f1f5f9}.cm-page-btn:disabled{opacity:.5;cursor:not-allowed}.cm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cm-modal{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.25s cubic-bezier(.34,1.56,.64,1) modalZoom;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes modalZoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cm-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.cm-modal-title{color:#0f172a;font-size:1.25rem;font-weight:800}.cm-modal-body{flex:1;padding:24px;overflow-y:auto}.cm-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;border-radius:0 0 18px 18px;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.cm-form-grid{flex-direction:column;gap:16px;display:flex}.cm-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.cm-form-row{grid-template-columns:1fr}}.cm-form-field{flex-direction:column;gap:6px;display:flex}.cm-form-label{color:#475569;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:800}.cm-form-input{color:#1e293b;border:1px solid #dde2ec;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:all .2s}.cm-form-input:focus{border-color:var(--neon-purple);outline:none;box-shadow:0 0 0 3px #8b5cf626}.cm-form-textarea{resize:vertical;min-height:80px}.cm-solve-card{flex-direction:column;gap:20px;display:flex}.cm-solve-skill{color:#64748b;background:#f1f5f9;border-radius:6px;align-self:flex-start;padding:4px 10px;font-size:.8rem;font-weight:700}.cm-solve-question{color:#0f172a;border-left:4px solid var(--neon-blue);background:#f8fafc;border-radius:12px;padding:18px;font-size:1.15rem;font-weight:700;line-height:1.5}.cm-solve-options-list{flex-direction:column;gap:10px;display:flex}.cm-solve-option-btn{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.cm-solve-option-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.cm-solve-option-btn.selected{border-color:var(--neon-blue);color:#1d4ed8;background:#3b82f614}.cm-solve-option-btn.correct{border-color:var(--neon-green);color:#065f46;background:#10b98114}.cm-solve-option-btn.incorrect{border-color:var(--neon-red);color:#991b1b;background:#ef444414}.cm-solve-input{border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:1rem}.cm-solve-input:focus{border-color:var(--neon-blue);outline:none}.cm-solve-hint-toggle{color:var(--neon-amber);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-top:4px;padding:0;font-size:.85rem;font-weight:700;display:flex}.cm-solve-hint-box{color:#92400e;background:#fffbeb;border:1px dashed #fcd34d;border-radius:8px;padding:12px 16px;font-size:.85rem;line-height:1.4}.cm-solve-feedback{border-radius:12px;margin-top:10px;padding:16px;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.cm-solve-feedback-title{align-items:center;gap:6px;margin-bottom:6px;font-size:1.1rem;font-weight:800;display:flex}.cm-solve-feedback-desc{font-size:.9rem;line-height:1.4}.cm-solve-feedback.correct{color:#137333;background:#e6f4ea}.cm-solve-feedback.incorrect{color:#c5221f;background:#fce8e6}.cm-solve-explanation{background:#f8fafc;border-top:1px solid #e2e8f0;flex-direction:column;gap:8px;margin-top:16px;padding-top:16px;display:flex}.cm-solve-explanation-title{color:#475569;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:800}.cm-solve-explanation-text{color:#334155;white-space:pre-line;font-size:.9rem;line-height:1.5}:root[data-theme=dark] .curriculum-manager{color:#e2e8f0}:root[data-theme=dark] .cm-nav-header{background:#ffffff0a;border-color:#ffffff14}:root[data-theme=dark] .cm-tab-btn{color:#94a3b8}:root[data-theme=dark] .cm-tab-btn:hover{color:#e2e8f0;background:#ffffff0f}:root[data-theme=dark] .cm-btn-secondary{color:#cbd5e1;background:#1e293b;border-color:#ffffff1a}:root[data-theme=dark] .cm-btn-secondary:hover{color:#f1f5f9;background:#ffffff14}:root[data-theme=dark] .cm-subject-card{background:#1e293b;border-color:#ffffff14}:root[data-theme=dark] .cm-subject-card:hover{box-shadow:0 6px 20px #0000004d}:root[data-theme=dark] .cm-subject-card.active{background:linear-gradient(90deg,#ffffff0f,#ffffff05)}:root[data-theme=dark] .cm-subj-title{color:#e2e8f0}:root[data-theme=dark] .cm-subj-meta{color:#64748b}:root[data-theme=dark] .cm-subject-detail-panel{background:#1e293b;border-color:#ffffff14}:root[data-theme=dark] .cm-detail-header-row{border-bottom-color:#ffffff0f}:root[data-theme=dark] .cm-detail-title-desc h2{color:#e2e8f0}:root[data-theme=dark] .cm-detail-title-desc p{color:#94a3b8}:root[data-theme=dark] .cm-grades-nav{background:#ffffff0d}:root[data-theme=dark] .cm-grade-pill{color:#94a3b8}:root[data-theme=dark] .cm-grade-pill.active{color:#e2e8f0;background:#ffffff1a}:root[data-theme=dark] .cm-section-subtitle{color:#cbd5e1}:root[data-theme=dark] .cm-skill-row{background:#ffffff08;border-color:#ffffff14}:root[data-theme=dark] .cm-skill-row:hover{background:#ffffff0f;border-color:#ffffff1f}:root[data-theme=dark] .cm-skill-name{color:#e2e8f0}:root[data-theme=dark] .cm-skill-meta{color:#64748b}:root[data-theme=dark] .cm-diff-dot{background:#ffffff1a}:root[data-theme=dark] .cm-questions-filter-bar{background:#1e293b;border-color:#ffffff14}:root[data-theme=dark] .cm-filter-input{color:#e2e8f0;background:#ffffff0d;border-color:#ffffff1a}:root[data-theme=dark] .cm-filter-input:focus{background:#ffffff14}:root[data-theme=dark] .cm-questions-panel{background:#1e293b;border-color:#ffffff14}:root[data-theme=dark] .cm-table th{color:#64748b;background:#ffffff0a;border-bottom-color:#ffffff14}:root[data-theme=dark] .cm-table td{color:#cbd5e1;border-bottom-color:#ffffff0f}:root[data-theme=dark] .cm-table tr:hover td{background:#ffffff0a}:root[data-theme=dark] .cm-question-preview-text{color:#e2e8f0}:root[data-theme=dark] .cm-level-badge{color:#60a5fa;background:#1d4ed826}:root[data-theme=dark] .cm-q-type{color:#64748b}:root[data-theme=dark] .cm-action-btn-icon{color:#94a3b8;background:#ffffff0a;border-color:#ffffff1a}:root[data-theme=dark] .cm-action-btn-icon:hover{color:#e2e8f0;background:#ffffff14}:root[data-theme=dark] .cm-pagination-footer{color:#64748b;background:#ffffff08;border-top-color:#ffffff14}:root[data-theme=dark] .cm-page-btn{color:#cbd5e1;background:#ffffff0a;border-color:#ffffff1a}:root[data-theme=dark] .cm-page-btn:hover:not(:disabled){background:#ffffff14}:root[data-theme=dark] .cm-modal{background:#1e293b;border-color:#ffffff1a}:root[data-theme=dark] .cm-modal-header{border-bottom-color:#ffffff14}:root[data-theme=dark] .cm-modal-title{color:#e2e8f0}:root[data-theme=dark] .cm-modal-footer{background:#ffffff08;border-top-color:#ffffff14}:root[data-theme=dark] .cm-form-label{color:#94a3b8}:root[data-theme=dark] .cm-form-input{color:#e2e8f0;background:#ffffff0d;border-color:#ffffff1a}:root[data-theme=dark] .cm-form-input:focus{border-color:var(--neon-purple)}:root[data-theme=dark] .cm-solve-skill{color:#94a3b8;background:#ffffff0f}:root[data-theme=dark] .cm-solve-question{color:#e2e8f0;background:#ffffff0a;border-left-color:#3b82f6}:root[data-theme=dark] .cm-solve-option-btn{color:#cbd5e1;background:#ffffff08;border-color:#ffffff1a}:root[data-theme=dark] .cm-solve-option-btn:hover:not(:disabled){background:#ffffff0f}:root[data-theme=dark] .cm-solve-input{color:#e2e8f0;background:#ffffff0d;border-color:#ffffff1a}:root[data-theme=dark] .cm-solve-hint-box{color:#fbbf24;background:#fcd34d1a;border-color:#fcd34d4d}:root[data-theme=dark] .cm-solve-feedback.correct{color:#34d399;background:#10b9811a}:root[data-theme=dark] .cm-solve-feedback.incorrect{color:#f87171;background:#ef44441a}:root[data-theme=dark] .cm-solve-explanation{background:#ffffff08;border-top-color:#ffffff14}:root[data-theme=dark] .cm-solve-explanation-title{color:#94a3b8}:root[data-theme=dark] .cm-solve-explanation-text{color:#cbd5e1}:root[data-theme=dark] .cm-alert-success{color:#34d399;background:#10b9811a;border-color:#10b9814d}:root[data-theme=dark] .cm-alert-error{color:#f87171;background:#ef44441a;border-color:#ef44444d}:root[data-theme=dark] .cm-sidebar-header{color:#64748b}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-300:oklch(80.8% .114 19.571);--color-red-500:oklch(63.7% .237 25.331);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-600:oklch(66.6% .179 58.318);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-50:oklch(98.2% .018 155.826);--color-green-200:oklch(92.5% .084 155.995);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-700:oklch(49.6% .265 301.924);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-gray-300:oklch(87.2% .01 258.338);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-md:0 3px 3px #0000001f;--drop-shadow-xl:0 9px 7px #0000001a;--drop-shadow-2xl:0 25px 25px #00000026;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::-moz-placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-1{inset:var(--spacing)}.inset-x-0{inset-inline:0}.inset-y-0{inset-block:0}.-top-1{top:calc(var(--spacing) * -1)}.-top-2{top:calc(var(--spacing) * -2)}.-top-4{top:calc(var(--spacing) * -4)}.-top-6{top:calc(var(--spacing) * -6)}.-top-8{top:calc(var(--spacing) * -8)}.-top-10{top:calc(var(--spacing) * -10)}.-top-12{top:calc(var(--spacing) * -12)}.-top-20{top:calc(var(--spacing) * -20)}.-top-24{top:calc(var(--spacing) * -24)}.-top-\[10\%\]{top:-10%}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-2\.5{top:calc(var(--spacing) * 2.5)}.top-3{top:calc(var(--spacing) * 3)}.top-8{top:calc(var(--spacing) * 8)}.top-10{top:calc(var(--spacing) * 10)}.top-16{top:calc(var(--spacing) * 16)}.top-20{top:calc(var(--spacing) * 20)}.top-24{top:calc(var(--spacing) * 24)}.top-\[-10\%\]{top:-10%}.top-\[-100px\]{top:-100px}.top-\[2px\]{top:2px}.top-\[15\%\]{top:15%}.top-\[20\%\]{top:20%}.top-\[45\%\]{top:45%}.top-\[75\%\]{top:75%}.top-\[120px\]{top:120px}.top-\[150px\]{top:150px}.top-\[180px\]{top:180px}.top-\[250px\]{top:250px}.top-\[400px\]{top:400px}.top-\[550px\]{top:550px}.top-\[700px\]{top:700px}.-right-1{right:calc(var(--spacing) * -1)}.-right-2{right:calc(var(--spacing) * -2)}.-right-4{right:calc(var(--spacing) * -4)}.-right-6{right:calc(var(--spacing) * -6)}.-right-10{right:calc(var(--spacing) * -10)}.-right-12{right:calc(var(--spacing) * -12)}.-right-20{right:calc(var(--spacing) * -20)}.-right-24{right:calc(var(--spacing) * -24)}.-right-\[5\%\]{right:-5%}.right-0{right:0}.right-1{right:var(--spacing)}.right-1\/4{right:25%}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-8{right:calc(var(--spacing) * 8)}.right-\[-5\%\]{right:-5%}.right-\[-10\%\]{right:-10%}.right-\[-100px\]{right:-100px}.right-\[15\%\]{right:15%}.right-\[20\%\]{right:20%}.right-\[30\%\]{right:30%}.right-full{right:100%}.-bottom-2{bottom:calc(var(--spacing) * -2)}.-bottom-6{bottom:calc(var(--spacing) * -6)}.-bottom-8{bottom:calc(var(--spacing) * -8)}.-bottom-10{bottom:calc(var(--spacing) * -10)}.bottom-0{bottom:0}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-8{bottom:calc(var(--spacing) * 8)}.bottom-20{bottom:calc(var(--spacing) * 20)}.bottom-24{bottom:calc(var(--spacing) * 24)}.bottom-40{bottom:calc(var(--spacing) * 40)}.bottom-\[-10\%\]{bottom:-10%}.bottom-\[-20px\]{bottom:-20px}.bottom-\[-150px\]{bottom:-150px}.bottom-\[10\%\]{bottom:10%}.bottom-\[25\%\]{bottom:25%}.-left-2{left:calc(var(--spacing) * -2)}.-left-3{left:calc(var(--spacing) * -3)}.-left-8{left:calc(var(--spacing) * -8)}.-left-10{left:calc(var(--spacing) * -10)}.-left-20{left:calc(var(--spacing) * -20)}.-left-\[10\%\]{left:-10%}.-left-\[21px\]{left:-21px}.-left-\[35px\]{left:-35px}.left-0{left:0}.left-1{left:var(--spacing)}.left-1\/2{left:50%}.left-1\/4{left:25%}.left-2{left:calc(var(--spacing) * 2)}.left-2\/3{left:66.6667%}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-8{left:calc(var(--spacing) * 8)}.left-10{left:calc(var(--spacing) * 10)}.left-14{left:calc(var(--spacing) * 14)}.left-\[-5\%\]{left:-5%}.left-\[-10\%\]{left:-10%}.left-\[-20px\]{left:-20px}.left-\[-100px\]{left:-100px}.left-\[2px\]{left:2px}.left-\[10\%\]{left:10%}.left-\[20\%\]{left:20%}.left-\[30\%\]{left:30%}.left-\[40\%\]{left:40%}.left-\[50\%\]{left:50%}.left-\[60\%\]{left:60%}.left-\[70\%\]{left:70%}.left-\[80\%\]{left:80%}.left-\[160px\]{left:160px}.isolate{isolation:isolate}.-z-10{z-index:calc(10 * -1)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[-1\]{z-index:-1}.z-\[100\]{z-index:100}.order-1{order:1}.order-2{order:2}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-12{grid-column:span 12/span 12}.row-span-2{grid-row:span 2/span 2}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-6{margin:calc(var(--spacing) * 6)}.m-auto{margin:auto}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-8{margin-inline:calc(var(--spacing) * 8)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.my-auto{margin-block:auto}.-mt-5{margin-top:calc(var(--spacing) * -5)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mt-\[-4px\]{margin-top:-4px}.mt-auto{margin-top:auto}.-mr-2{margin-right:calc(var(--spacing) * -2)}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-\[2px\]{margin-right:2px}.mr-\[10\%\]{margin-right:10%}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.mb-\[80px\]{margin-bottom:80px}.-ml-2{margin-left:calc(var(--spacing) * -2)}.-ml-\[1px\]{margin-left:-1px}.-ml-\[2px\]{margin-left:-2px}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-6{margin-left:calc(var(--spacing) * 6)}.ml-8{margin-left:calc(var(--spacing) * 8)}.ml-64{margin-left:calc(var(--spacing) * 64)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[1\.414\/1\]{aspect-ratio:1.414}.aspect-\[1\/1\.414\]{aspect-ratio:1/1.414}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-0{height:0}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-2\/3{height:66.6667%}.h-3{height:calc(var(--spacing) * 3)}.h-3\/4{height:75%}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-64{height:calc(var(--spacing) * 64)}.h-80{height:calc(var(--spacing) * 80)}.h-96{height:calc(var(--spacing) * 96)}.h-\[0\%\]{height:0%}.h-\[1px\]{height:1px}.h-\[2px\]{height:2px}.h-\[4px\]{height:4px}.h-\[10\%\]{height:10%}.h-\[16px\]{height:16px}.h-\[30\%\]{height:30%}.h-\[30vw\]{height:30vw}.h-\[40\%\]{height:40%}.h-\[40vw\]{height:40vw}.h-\[50\%\]{height:50%}.h-\[50vw\]{height:50vw}.h-\[60\%\]{height:60%}.h-\[60px\]{height:60px}.h-\[64px\]{height:64px}.h-\[65\%\]{height:65%}.h-\[72px\]{height:72px}.h-\[80\%\]{height:80%}.h-\[85\%\]{height:85%}.h-\[85vh\]{height:85vh}.h-\[95\%\]{height:95%}.h-\[160px\]{height:160px}.h-\[180px\]{height:180px}.h-\[400px\]{height:400px}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.h-\[800px\]{height:800px}.h-\[calc\(100\%-2rem\)\]{height:calc(100% - 2rem)}.h-\[calc\(100vh-4rem\)\]{height:calc(100vh - 4rem)}.h-\[calc\(100vh-64px\)\]{height:calc(100vh - 64px)}.h-\[calc\(100vh-80px\)\]{height:calc(100vh - 80px)}.h-\[calc\(100vh-100px\)\]{height:calc(100vh - 100px)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[60vh\]{max-height:60vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[300px\]{max-height:300px}.max-h-\[340px\]{max-height:340px}.max-h-\[400px\]{max-height:400px}.max-h-\[500px\]{max-height:500px}.min-h-\[60px\]{min-height:60px}.min-h-\[80px\]{min-height:80px}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[100px\]{min-height:100px}.min-h-\[120px\]{min-height:120px}.min-h-\[150px\]{min-height:150px}.min-h-\[200px\]{min-height:200px}.min-h-\[300px\]{min-height:300px}.min-h-\[400px\]{min-height:400px}.min-h-\[500px\]{min-height:500px}.min-h-\[600px\]{min-height:600px}.min-h-\[800px\]{min-height:800px}.min-h-\[calc\(100vh-64px\)\]{min-height:calc(100vh - 64px)}.min-h-screen{min-height:100vh}.w-0{width:0}.w-1{width:var(--spacing)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-1\/4{width:25%}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing) * 3)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-64{width:calc(var(--spacing) * 64)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[1px\]{width:1px}.w-\[5\%\]{width:5%}.w-\[30\%\]{width:30%}.w-\[30vw\]{width:30vw}.w-\[40\%\]{width:40%}.w-\[40vw\]{width:40vw}.w-\[45\%\]{width:45%}.w-\[50vw\]{width:50vw}.w-\[60\%\]{width:60%}.w-\[60px\]{width:60px}.w-\[68\%\]{width:68%}.w-\[70\%\]{width:70%}.w-\[78\%\]{width:78%}.w-\[82\%\]{width:82%}.w-\[84\%\]{width:84%}.w-\[85\%\]{width:85%}.w-\[87\%\]{width:87%}.w-\[90\%\]{width:90%}.w-\[92\%\]{width:92%}.w-\[100\%\]{width:100%}.w-\[100px\]{width:100px}.w-\[150\%\]{width:150%}.w-\[160px\]{width:160px}.w-\[200\%\]{width:200%}.w-\[320px\]{width:320px}.w-\[400px\]{width:400px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-\[800px\]{width:800px}.w-\[calc\(100\%-2\.5rem\)\]{width:calc(100% - 2.5rem)}.w-\[calc\(100\%-16rem\)\]{width:calc(100% - 16rem)}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[40px\]{max-width:40px}.max-w-\[85\%\]{max-width:85%}.max-w-\[90\%\]{max-width:90%}.max-w-\[200px\]{max-width:200px}.max-w-\[240px\]{max-width:240px}.max-w-\[280px\]{max-width:280px}.max-w-\[400px\]{max-width:400px}.max-w-\[430px\]{max-width:430px}.max-w-\[480px\]{max-width:480px}.max-w-\[600px\]{max-width:600px}.max-w-\[800px\]{max-width:800px}.max-w-\[900px\]{max-width:900px}.max-w-\[1100px\]{max-width:1100px}.max-w-\[1280px\]{max-width:1280px}.max-w-\[1440px\]{max-width:1440px}.max-w-\[1600px\]{max-width:1600px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-\[64px\]{min-width:64px}.min-w-\[80px\]{min-width:80px}.min-w-\[100px\]{min-width:100px}.min-w-\[120px\]{min-width:120px}.min-w-\[140px\]{min-width:140px}.min-w-\[200px\]{min-width:200px}.min-w-\[240px\]{min-width:240px}.min-w-\[280px\]{min-width:280px}.min-w-\[300px\]{min-width:300px}.min-w-\[900px\]{min-width:900px}.min-w-max{min-width:max-content}.flex-1{flex:1}.flex-\[2\]{flex:2}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-1\/4{--tw-translate-x:calc(calc(1 / 4 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\/2{--tw-translate-x:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\/3{--tw-translate-x:calc(1 / 3 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\/4{--tw-translate-x:calc(1 / 4 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-10{--tw-translate-x:calc(var(--spacing) * 10);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[2px\]{--tw-translate-x:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1\/3{--tw-translate-y:calc(1 / 3 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-10{--tw-translate-y:calc(var(--spacing) * 10);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[float_6s_ease-in-out_infinite\]{animation:6s ease-in-out infinite float}.animate-\[float_8s_ease-in-out_infinite_reverse\]{animation:8s ease-in-out infinite reverse float}.animate-\[pulse_1s_ease-in-out_infinite\]{animation:1s ease-in-out infinite pulse}.animate-\[spin_10s_linear_infinite\]{animation:10s linear infinite spin}.animate-\[spin_40s_linear_infinite_reverse\]{animation:40s linear infinite reverse spin}.animate-\[spin_60s_linear_infinite\]{animation:60s linear infinite spin}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-start{scroll-snap-align:start}.list-disc{list-style-type:disc}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-\[3fr_2fr_1fr\]{grid-template-columns:3fr 2fr 1fr}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-\[2px\]{gap:2px}.gap-\[4px\]{gap:4px}.gap-\[8px\]{gap:8px}.gap-px{gap:1px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{-moz-column-gap:calc(var(--spacing) * 6);column-gap:calc(var(--spacing) * 6)}.gap-x-8{-moz-column-gap:calc(var(--spacing) * 8);column-gap:calc(var(--spacing) * 8)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-10{row-gap:calc(var(--spacing) * 10)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-\[16px\]{border-radius:16px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-\[32px\]{border-top-left-radius:32px;border-top-right-radius:32px}.rounded-t-full{border-top-left-radius:3.40282e38px;border-top-right-radius:3.40282e38px}.rounded-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-tl-none{border-top-left-radius:0}.rounded-tl-sm{border-top-left-radius:var(--radius-sm)}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-tr-none{border-top-right-radius:0}.rounded-tr-sm{border-top-right-radius:var(--radius-sm)}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.rounded-br-none{border-bottom-right-radius:0}.rounded-bl-full{border-bottom-left-radius:3.40282e38px}.rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.rounded-bl-none{border-bottom-left-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[12px\]{border-style:var(--tw-border-style);border-width:12px}.border-\[16px\]{border-style:var(--tw-border-style);border-width:16px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-t-4{border-top-style:var(--tw-border-style);border-top-width:4px}.border-t-\[3px\]{border-top-style:var(--tw-border-style);border-top-width:3px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-r-4{border-right-style:var(--tw-border-style);border-right-width:4px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-double{--tw-border-style:double;border-style:double}.border-none{--tw-border-style:none;border-style:none}.border-\[\#8B5CF6\]\/20{border-color:oklab(60.5631% .0845411 -.201932/.2)}.border-\[\#E2E8F0\]{border-color:#e2e8f0}.border-\[\#fbbf24\]{border-color:#fbbf24}.border-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.border-black\/10{border-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.border-blue-500\/30{border-color:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.border-blue-500\/30{border-color:color-mix(in oklab, var(--color-blue-500) 30%, transparent)}}.border-blue-500\/40{border-color:#3080ff66}@supports (color:color-mix(in lab, red, red)){.border-blue-500\/40{border-color:color-mix(in oklab, var(--color-blue-500) 40%, transparent)}}.border-cyan-500\/50{border-color:#00b7d780}@supports (color:color-mix(in lab, red, red)){.border-cyan-500\/50{border-color:color-mix(in oklab, var(--color-cyan-500) 50%, transparent)}}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-500\/30{border-color:#00bb7f4d}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/30{border-color:color-mix(in oklab, var(--color-emerald-500) 30%, transparent)}}.border-green-200{border-color:var(--color-green-200)}.border-orange-500\/50{border-color:#fe6e0080}@supports (color:color-mix(in lab, red, red)){.border-orange-500\/50{border-color:color-mix(in oklab, var(--color-orange-500) 50%, transparent)}}.border-purple-500\/30{border-color:#ac4bff4d}@supports (color:color-mix(in lab, red, red)){.border-purple-500\/30{border-color:color-mix(in oklab, var(--color-purple-500) 30%, transparent)}}.border-red-500\/30{border-color:#fb2c364d}@supports (color:color-mix(in lab, red, red)){.border-red-500\/30{border-color:color-mix(in oklab, var(--color-red-500) 30%, transparent)}}.border-red-500\/50{border-color:#fb2c3680}@supports (color:color-mix(in lab, red, red)){.border-red-500\/50{border-color:color-mix(in oklab, var(--color-red-500) 50%, transparent)}}.border-slate-700{border-color:var(--color-slate-700)}.border-slate-800{border-color:var(--color-slate-800)}.border-slate-800\/60{border-color:#1d293d99}@supports (color:color-mix(in lab, red, red)){.border-slate-800\/60{border-color:color-mix(in oklab, var(--color-slate-800) 60%, transparent)}}.border-slate-800\/80{border-color:#1d293dcc}@supports (color:color-mix(in lab, red, red)){.border-slate-800\/80{border-color:color-mix(in oklab, var(--color-slate-800) 80%, transparent)}}.border-transparent{border-color:#0000}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.border-white\/40{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.border-yellow-200{border-color:var(--color-yellow-200)}.border-l-\[\#3B82F6\]{border-left-color:#3b82f6}.border-l-\[\#10B981\]{border-left-color:#10b981}.border-l-\[\#F43F5E\]{border-left-color:#f43f5e}.bg-\[\#3B82F6\]\/10{background-color:oklab(62.3083% -.0332476 -.185052/.1)}.bg-\[\#006BD6\]\/10{background-color:oklab(54.0337% -.0447478 -.178411/.1)}.bg-\[\#8B5CF6\]{background-color:#8b5cf6}.bg-\[\#8B5CF6\]\/10{background-color:oklab(60.5631% .0845411 -.201932/.1)}.bg-\[\#8B5CF6\]\/20{background-color:oklab(60.5631% .0845411 -.201932/.2)}.bg-\[\#10B981\]{background-color:#10b981}.bg-\[\#10B981\]\/10{background-color:oklab(69.5873% -.142158 .0448781/.1)}.bg-\[\#22C55E\]{background-color:#22c55e}.bg-\[\#059669\]{background-color:#059669}.bg-\[\#EAB308\]{background-color:#eab308}.bg-\[\#F43F5E\]\/10{background-color:oklab(64.5032% .206597 .0609589/.1)}.bg-\[\#FAFAFA\]{background-color:#fafafa}.bg-\[\#fbbf24\]{background-color:#fbbf24}.bg-\[\#fbbf24\]\/10{background-color:oklab(83.6861% .0159629 .163645/.1)}.bg-black{background-color:var(--color-black)}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-blue-500\/15{background-color:#3080ff26}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/15{background-color:color-mix(in oklab, var(--color-blue-500) 15%, transparent)}}.bg-blue-500\/20{background-color:#3080ff33}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/20{background-color:color-mix(in oklab, var(--color-blue-500) 20%, transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-600\/15{background-color:#155dfc26}@supports (color:color-mix(in lab, red, red)){.bg-blue-600\/15{background-color:color-mix(in oklab, var(--color-blue-600) 15%, transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/15{background-color:#00bb7f26}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/15{background-color:color-mix(in oklab, var(--color-emerald-500) 15%, transparent)}}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-500{background-color:var(--color-green-500)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-500\/15{background-color:#ac4bff26}@supports (color:color-mix(in lab, red, red)){.bg-purple-500\/15{background-color:color-mix(in oklab, var(--color-purple-500) 15%, transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/15{background-color:#fb2c3626}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/15{background-color:color-mix(in oklab, var(--color-red-500) 15%, transparent)}}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-900\/80{background-color:#0f172bcc}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/80{background-color:color-mix(in oklab, var(--color-slate-900) 80%, transparent)}}.bg-slate-950{background-color:var(--color-slate-950)}.bg-slate-950\/50{background-color:#02061880}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/50{background-color:color-mix(in oklab, var(--color-slate-950) 50%, transparent)}}.bg-slate-950\/60{background-color:#02061899}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/60{background-color:color-mix(in oklab, var(--color-slate-950) 60%, transparent)}}.bg-slate-950\/80{background-color:#020618cc}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/80{background-color:color-mix(in oklab, var(--color-slate-950) 80%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.bg-white\/30{background-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-tr{--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[radial-gradient\(ellipse_at_top_right\,_var\(--tw-gradient-stops\)\)\]{background-image:radial-gradient(ellipse at top right, var(--tw-gradient-stops))}.from-black\/80{--tw-gradient-from:#000c}@supports (color:color-mix(in lab, red, red)){.from-black\/80{--tw-gradient-from:color-mix(in oklab, var(--color-black) 80%, transparent)}}.from-black\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-600{--tw-gradient-from:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white{--tw-gradient-via:var(--color-white);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-indigo-600{--tw-gradient-to:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-cover{background-size:cover}.bg-center{background-position:50%}.fill-amber-400{fill:var(--color-amber-400)}.fill-blue-400{fill:var(--color-blue-400)}.stroke-current{stroke:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-\[2px\]{padding:2px}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-\[2px\]{padding-block:2px}.pt-1{padding-top:var(--spacing)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pt-32{padding-top:calc(var(--spacing) * 32)}.pt-\[80px\]{padding-top:80px}.pt-\[96px\]{padding-top:96px}.pt-\[104px\]{padding-top:104px}.pt-\[120px\]{padding-top:120px}.pr-1{padding-right:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-16{padding-right:calc(var(--spacing) * 16)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-32{padding-bottom:calc(var(--spacing) * 32)}.pb-\[1px\]{padding-bottom:1px}.pb-\[100px\]{padding-bottom:100px}.pb-\[env\(safe-area-inset-bottom\,16px\)\]{padding-bottom:env(safe-area-inset-bottom,16px)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-\[40px\]{padding-left:40px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-\[JetBrains_Mono\]{font-family:JetBrains Mono}.font-\[cursive\]{font-family:cursive}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[40px\]{font-size:40px}.text-\[48px\]{font-size:48px}.text-\[64px\]{font-size:64px}.text-\[80px\]{font-size:80px}.text-\[100px\]{font-size:100px}.text-\[120px\]{font-size:120px}.leading-3{--tw-leading:calc(var(--spacing) * 3);line-height:calc(var(--spacing) * 3)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-\[28px\]{--tw-leading:28px;line-height:28px}.leading-\[48px\]{--tw-leading:48px;line-height:48px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-\[\#3B82F6\]{color:#3b82f6}.text-\[\#006BD6\]{color:#006bd6}.text-\[\#8B5CF6\]{color:#8b5cf6}.text-\[\#10B981\]{color:#10b981}.text-\[\#25D366\]{color:#25d366}.text-\[\#1877F2\]{color:#1877f2}.text-\[\#059669\]{color:#059669}.text-\[\#F43F5E\]{color:#f43f5e}.text-\[\#F59E0B\]{color:#f59e0b}.text-\[\#fbbf24\]{color:#fbbf24}.text-amber-400{color:var(--color-amber-400)}.text-amber-600{color:var(--color-amber-600)}.text-blue-400{color:var(--color-blue-400)}.text-cyan-400{color:var(--color-cyan-400)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-orange-400{color:var(--color-orange-400)}.text-purple-300{color:var(--color-purple-300)}.text-purple-400{color:var(--color-purple-400)}.text-purple-700{color:var(--color-purple-700)}.text-red-300{color:var(--color-red-300)}.text-slate-100{color:var(--color-slate-100)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.decoration-1{text-decoration-thickness:1px}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.opacity-\[0\.03\]{opacity:.03}.mix-blend-multiply{mix-blend-mode:multiply}.mix-blend-overlay{mix-blend-mode:overlay}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[-10px_0_25px_-5px_rgba\(15\,23\,42\,0\.1\)\]{--tw-shadow:-10px 0 25px -5px var(--tw-shadow-color,#0f172a1a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_-4px_6px_-1px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0 -4px 6px -1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0 -4px 20px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_-10px_25px_-5px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0 -10px 25px -5px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_-10px_25px_-5px_rgba\(15\,23\,42\,0\.1\)\]{--tw-shadow:0 -10px 25px -5px var(--tw-shadow-color,#0f172a1a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_-10px_40px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 -10px 40px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_-20px_40px_-15px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 -20px 40px -15px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_4px_rgba\(0\,107\,214\,0\.1\)\]{--tw-shadow:0 0 0 4px var(--tw-shadow-color,#006bd61a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(0\,107\,214\,0\.6\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#006bd699);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(16\,185\,129\,0\.5\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#10b98180);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_10px_\#006BD6\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#006bd6);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_10px_\#8B5CF6\]{--tw-shadow:0 0 10px var(--tw-shadow-color,#8b5cf6);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_12px_rgba\(0\,107\,214\,0\.4\)\]{--tw-shadow:0 0 12px var(--tw-shadow-color,#006bd666);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(0\,107\,214\,0\.3\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#006bd64d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(0\,107\,214\,0\.5\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#006bd680);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(6\,182\,212\,0\.3\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#06b6d44d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(139\,92\,246\,0\.5\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#8b5cf680);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_15px_rgba\(249\,115\,22\,0\.3\)\]{--tw-shadow:0 0 15px var(--tw-shadow-color,#f973164d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_20px_rgba\(255\,255\,255\,0\.1\)\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#ffffff1a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_2px_8px_-2px_rgba\(0\,107\,214\,0\.15\)\]{--tw-shadow:0 2px 8px -2px var(--tw-shadow-color,#006bd626);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_2px_10px_-4px_rgba\(15\,23\,42\,0\.05\)\]{--tw-shadow:0 2px 10px -4px var(--tw-shadow-color,#0f172a0d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_6px_-1px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_6px_-1px_rgba\(15\,23\,42\,0\.05\)\]{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0f172a0d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_12px_-4px_rgba\(132\,85\,239\,0\.15\)\]{--tw-shadow:0 4px 12px -4px var(--tw-shadow-color,#8455ef26);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_14px_0_rgba\(0\,107\,214\,0\.39\)\]{--tw-shadow:0 4px 14px 0 var(--tw-shadow-color,#006bd663);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_20px_-5px_rgba\(15\,23\,42\,0\.05\)\]{--tw-shadow:0 4px 20px -5px var(--tw-shadow-color,#0f172a0d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_20px_-10px_rgba\(0\,0\,0\,0\.05\)\]{--tw-shadow:0 4px 20px -10px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_30px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 4px 30px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_16px_-4px_rgba\(107\,56\,212\,0\.4\)\]{--tw-shadow:0 8px 16px -4px var(--tw-shadow-color,#6b38d466);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_30px_rgb\(0\,0\,0\,0\.04\)\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_30px_rgb\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_20px_-10px_rgba\(0\,83\,169\,0\.05\)\]{--tw-shadow:0 10px 20px -10px var(--tw-shadow-color,#0053a90d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_25px_rgba\(30\,41\,59\,0\.3\)\]{--tw-shadow:0 10px 25px var(--tw-shadow-color,#1e293b4d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_20px_25px_-5px_rgba\(15\,23\,42\,0\.1\)\,0_10px_10px_-5px_rgba\(15\,23\,42\,0\.04\)\],.shadow-\[0_20px_25px_-5px_rgba\(15\,23\,42\,0\.1\)\,_0_10px_10px_-5px_rgba\(15\,23\,42\,0\.04\)\]{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0f172a1a), 0 10px 10px -5px var(--tw-shadow-color,#0f172a0a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_20px_25px_-5px_rgba\(15\,23\,42\,0\.02\)\,0_10px_10px_-5px_rgba\(15\,23\,42\,0\.01\)\]{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0f172a05), 0 10px 10px -5px var(--tw-shadow-color,#0f172a03);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_20px_25px_-5px_rgba\(15\,23\,42\,0\.05\)\,0_10px_10px_-5px_rgba\(15\,23\,42\,0\.02\)\],.shadow-\[0_20px_25px_-5px_rgba\(15\,23\,42\,0\.05\)\,_0_10px_10px_-5px_rgba\(15\,23\,42\,0\.02\)\]{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0f172a0d), 0 10px 10px -5px var(--tw-shadow-color,#0f172a05);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_20px_25px_-5px_rgba\(15\,23\,42\,0\.05\)\]{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0f172a0d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[4px_0_24px_rgba\(15\,23\,42\,0\.02\)\]{--tw-shadow:4px 0 24px var(--tw-shadow-color,#0f172a05);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow\/stick{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-3{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-blue-500\/30{--tw-shadow-color:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.shadow-blue-500\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-blue-600\/25{--tw-shadow-color:#155dfc40}@supports (color:color-mix(in lab, red, red)){.shadow-blue-600\/25{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 25%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-blue-600\/30{--tw-shadow-color:#155dfc4d}@supports (color:color-mix(in lab, red, red)){.shadow-blue-600\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-2xl{--tw-blur:blur(var(--blur-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[80px\]{--tw-blur:blur(80px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[100px\]{--tw-blur:blur(100px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[120px\]{--tw-blur:blur(120px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-2xl{--tw-drop-shadow-size:drop-shadow(0 25px 25px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-md{--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:drop-shadow(var(--drop-shadow-md));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-xl{--tw-drop-shadow-size:drop-shadow(0 9px 7px var(--tw-drop-shadow-color,#0000001a));--tw-drop-shadow:drop-shadow(var(--drop-shadow-xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale-\[50\%\]{--tw-grayscale:grayscale(50%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-100{transition-delay:.1s}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[start\:stop\]{start:stop}.ring-inset{--tw-ring-inset:inset}.group-focus-within\:opacity-100:is(:where(.group):focus-within *){opacity:1}@media (hover:hover){.group-hover\:pointer-events-auto:is(:where(.group):hover *){pointer-events:auto}.group-hover\:-translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:rotate-180:is(:where(.group):hover *){rotate:180deg}.group-hover\:text-\[\#8B5CF6\]:is(:where(.group):hover *){color:#8b5cf6}.group-hover\:text-blue-400:is(:where(.group):hover *){color:var(--color-blue-400)}.group-hover\:text-white:is(:where(.group):hover *){color:var(--color-white)}.group-hover\:opacity-50:is(:where(.group):hover *){opacity:.5}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:shadow-\[0_0_15px_rgba\(188\,19\,254\,0\.5\)\]:is(:where(.group):hover *){--tw-shadow:0 0 15px var(--tw-shadow-color,#bc13fe80);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-hover\:shadow-\[0_0_15px_rgba\(255\,0\,127\,0\.5\)\]:is(:where(.group):hover *){--tw-shadow:0 0 15px var(--tw-shadow-color,#ff007f80);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.group-hover\/bar\:opacity-100:is(:where(.group\/bar):hover *){opacity:1}}.group-active\:scale-95:is(:where(.group):active *){--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.peer-checked\:opacity-100:is(:where(.peer):checked~*){opacity:1}.peer-checked\:shadow-\[0_4px_6px_-1px_rgba\(0\,107\,214\,0\.1\)\]:is(:where(.peer):checked~*){--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#006bd61a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.peer-focus\:ring-2:is(:where(.peer):focus~*){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.peer-focus\:outline-none:is(:where(.peer):focus~*){--tw-outline-style:none;outline-style:none}.placeholder\:font-sans::placeholder{font-family:var(--font-sans)}.placeholder\:tracking-wider::placeholder{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.placeholder\:normal-case::placeholder{text-transform:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-y-0:before{content:var(--tw-content);inset-block:0}.before\:left-3:before{content:var(--tw-content);left:calc(var(--spacing) * 3)}.before\:left-\[11px\]:before{content:var(--tw-content);left:11px}.before\:w-0\.5:before{content:var(--tw-content);width:calc(var(--spacing) * .5)}.before\:w-\[2px\]:before{content:var(--tw-content);width:2px}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:start-\[2px\]:after{content:var(--tw-content);inset-inline-start:2px}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:h-4:after{content:var(--tw-content);height:calc(var(--spacing) * 4)}.after\:h-5:after{content:var(--tw-content);height:calc(var(--spacing) * 5)}.after\:w-4:after{content:var(--tw-content);width:calc(var(--spacing) * 4)}.after\:w-5:after{content:var(--tw-content);width:calc(var(--spacing) * 5)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:border:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.after\:border-gray-300:after{content:var(--tw-content);border-color:var(--color-gray-300)}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.peer-checked\:after\:translate-x-full:is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.peer-checked\:after\:border-white:is(:where(.peer):checked~*):after{content:var(--tw-content);border-color:var(--color-white)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.checked\:right-0:checked{right:0}.focus-within\:shadow-\[0_2px_0_0_rgba\(0\,83\,169\,0\.2\)\]:focus-within{--tw-shadow:0 2px 0 0 var(--tw-shadow-color,#0053a933);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\:shadow-\[0_2px_0_0_rgba\(0\,107\,214\,0\.1\)\]:focus-within{--tw-shadow:0 2px 0 0 var(--tw-shadow-color,#006bd61a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\:shadow-sm:focus-within{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:h-64:hover{height:calc(var(--spacing) * 64)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-\[1px\]:hover{--tw-translate-y:calc(1px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-\[\#8B5CF6\]\/50:hover{border-color:oklab(60.5631% .0845411 -.201932/.5)}.hover\:border-slate-700:hover{border-color:var(--color-slate-700)}.hover\:bg-\[\#005bb8\]:hover{background-color:#005bb8}.hover\:bg-\[\#005cba\]:hover{background-color:#005cba}.hover\:bg-blue-500:hover{background-color:var(--color-blue-500)}.hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\:bg-slate-900:hover{background-color:var(--color-slate-900)}.hover\:from-blue-500:hover{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-indigo-500:hover{--tw-gradient-to:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:text-blue-300:hover{color:var(--color-blue-300)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_6px_20px_rgba\(0\,107\,214\,0\.23\)\]:hover{--tw-shadow:0 6px 20px var(--tw-shadow-color,#006bd63b);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_8px_16px_-4px_rgba\(15\,23\,42\,0\.08\)\]:hover{--tw-shadow:0 8px 16px -4px var(--tw-shadow-color,#0f172a14);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_10px_15px_-3px_rgba\(0\,107\,214\,0\.2\)\]:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#006bd633);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_20px_25px_-5px_rgba\(15\,23\,42\,0\.1\)\,0_10px_10px_-5px_rgba\(15\,23\,42\,0\.04\)\]:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0f172a1a), 0 10px 10px -5px var(--tw-shadow-color,#0f172a0a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_20px_25px_-5px_rgba\(15\,23\,42\,0\.1\)\]:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0f172a1a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[0_25px_30px_-5px_rgba\(15\,23\,42\,0\.08\)\]:hover{--tw-shadow:0 25px 30px -5px var(--tw-shadow-color,#0f172a14);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:ring-2:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:brightness-95:hover{--tw-brightness:brightness(95%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:border-transparent:focus{border-color:#0000}.focus\:shadow-\[0_2px_0_0_rgba\(0\,107\,214\,0\.2\)\]:focus{--tw-shadow:0 2px 0 0 var(--tw-shadow-color,#006bd633);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:shadow-\[0_2px_4px_rgba\(0\,107\,214\,0\.1\)\]:focus{--tw-shadow:0 2px 4px var(--tw-shadow-color,#006bd61a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:shadow-\[0_2px_10px_-3px_rgba\(0\,107\,214\,0\.3\)\]:focus{--tw-shadow:0 2px 10px -3px var(--tw-shadow-color,#006bd64d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:shadow-\[0_2px_10px_rgba\(0\,107\,214\,0\.1\)\]:focus{--tw-shadow:0 2px 10px var(--tw-shadow-color,#006bd61a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:shadow-md:focus{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:translate-y-0:active{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:translate-y-\[1px\]:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}.active\:cursor-grabbing:active{cursor:grabbing}.active\:opacity-80:active{opacity:.8}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mt-0{margin-top:0}.sm\:grid{display:grid}.sm\:w-48{width:calc(var(--spacing) * 48)}.sm\:w-64{width:calc(var(--spacing) * 64)}.sm\:w-auto{width:auto}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[3fr_2fr_1fr\]{grid-template-columns:3fr 2fr 1fr}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}}@media (width>=48rem){.md\:fixed{position:fixed}.md\:static{position:static}.md\:order-1{order:1}.md\:order-2{order:2}.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-3{grid-column:span 3/span 3}.md\:col-span-4{grid-column:span 4/span 4}.md\:col-span-8{grid-column:span 8/span 8}.md\:col-span-9{grid-column:span 9/span 9}.md\:col-span-12{grid-column:span 12/span 12}.md\:col-start-1{grid-column-start:1}.md\:col-end-5{grid-column-end:5}.md\:mt-0{margin-top:0}.md\:mb-0{margin-bottom:0}.md\:ml-64{margin-left:calc(var(--spacing) * 64)}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:inline{display:inline}.md\:inline-flex{display:inline-flex}.md\:h-16{height:calc(var(--spacing) * 16)}.md\:h-20{height:calc(var(--spacing) * 20)}.md\:h-24{height:calc(var(--spacing) * 24)}.md\:h-40{height:calc(var(--spacing) * 40)}.md\:h-\[500px\]{height:500px}.md\:min-h-auto{min-height:auto}.md\:w-1\/2{width:50%}.md\:w-1\/5{width:20%}.md\:w-2\/5{width:40%}.md\:w-5\/12{width:41.6667%}.md\:w-7\/12{width:58.3333%}.md\:w-14{width:calc(var(--spacing) * 14)}.md\:w-16{width:calc(var(--spacing) * 16)}.md\:w-20{width:calc(var(--spacing) * 20)}.md\:w-24{width:calc(var(--spacing) * 24)}.md\:w-64{width:calc(var(--spacing) * 64)}.md\:w-80{width:calc(var(--spacing) * 80)}.md\:w-96{width:calc(var(--spacing) * 96)}.md\:w-\[400px\]{width:400px}.md\:w-auto{width:auto}.md\:max-w-2xl{max-width:var(--container-2xl)}.md\:min-w-\[400px\]{min-width:400px}.md\:flex-none{flex:none}.md\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.md\:-translate-y-4{--tw-translate-y:calc(var(--spacing) * -4);translate:var(--tw-translate-x) var(--tw-translate-y)}.md\:transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:items-end{align-items:flex-end}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}.md\:justify-end{justify-content:flex-end}.md\:justify-start{justify-content:flex-start}.md\:gap-6{gap:calc(var(--spacing) * 6)}.md\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.md\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.md\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.md\:bg-transparent{background-color:#0000}.md\:p-0{padding:0}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:py-\[120px\]{padding-block:120px}.md\:pb-0{padding-bottom:0}.md\:pl-64{padding-left:calc(var(--spacing) * 64)}.md\:text-left{text-align:left}.md\:text-right{text-align:right}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:backdrop-blur-none{--tw-backdrop-blur: ;-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}@media (width>=64rem){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:ml-64{margin-left:calc(var(--spacing) * 64)}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:w-1\/2{width:50%}.lg\:w-1\/3{width:33.3333%}.lg\:w-1\/4{width:25%}.lg\:w-2\/3{width:66.6667%}.lg\:w-2\/4{width:50%}.lg\:w-64{width:calc(var(--spacing) * 64)}.lg\:w-80{width:calc(var(--spacing) * 80)}.lg\:w-\[380px\]{width:380px}.lg\:w-auto{width:auto}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:p-12{padding:calc(var(--spacing) * 12)}.lg\:pb-0{padding-bottom:0}}@media (width>=80rem){.xl\:w-64{width:calc(var(--spacing) * 64)}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}}.rtl\:peer-checked\:after\:-translate-x-full:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *):is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}}:root[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#ffffff0d;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#ffffff1a;--accent:#6366f1;--navbar-bg:#0f172af2;--input-bg:#ffffff12;--input-border:#ffffff26}:root[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--accent:#6366f1;--navbar-bg:#fffffff7;--input-bg:#fff;--input-border:#d1d5db}[data-theme=light] body{color:#0f172a!important;background-color:#f8fafc!important}:root{--ixl-blue:#006bd6;--ixl-blue-dark:#004ea8;--ixl-blue-light:#e8f2ff;--ixl-blue-mid:#1a7fe8;--correct:#22a55b;--correct-light:#e6f7ee;--incorrect:#d93025;--incorrect-light:#fdecea;--warning:#f39c12;--gold:#f4c430;--gold-dark:#d4a017;--zone-learning:#e74c3c;--zone-approaching:#f39c12;--zone-proficient:#27ae60;--zone-challenge:#006bd6;--zone-mastery:#8b5cf6;--gray-50:#f8fafd;--gray-100:#f0f4f8;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--bg-primary:#f5f8ff;--bg-secondary:#fff;--bg-card:#fff;--text-primary:#1a1a2e;--text-secondary:#4a5568;--text-muted:#718096;--text-white:#fff;--math-color:#006bd6;--math-light:#e8f2ff;--ela-color:#e91e8c;--ela-light:#fde8f3;--science-color:#27ae60;--science-light:#e6f7ee;--ss-color:#f39c12;--ss-light:#fff3e0;--spanish-color:#e74c3c;--spanish-light:#fdecea;--cs-color:#8b5cf6;--cs-light:#f3eeff;--physics-color:#0ea5e9;--physics-light:#e0f4ff;--biology-color:#10b981;--biology-light:#d1fae5;--chemistry-color:#f59e0b;--chemistry-light:#fef3c7;--advmath-color:#6366f1;--advmath-light:#eef2ff;--robotics-color:#ec4899;--robotics-light:#fce7f3;--ai-color:#14b8a6;--ai-light:#ccfbf1;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000d;--shadow-lg:0 10px 30px #0000001a, 0 4px 8px #0000000f;--shadow-xl:0 20px 50px #0000001f, 0 8px 16px #00000014;--shadow-blue:0 4px 20px #006bd640;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Nunito", sans-serif;--ease:cubic-bezier(.4, 0, .2, 1);--transition:.2s var(--ease);--transition-slow:.4s var(--ease)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;min-height:100%;font-size:16px;overflow:hidden auto}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);touch-action:manipulation;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow:hidden auto}img,svg,canvas{contain:paint;max-width:100%;display:block}a{color:inherit;text-decoration:none}button,a,input[type=submit],input[type=button],select{touch-action:manipulation;cursor:pointer;border:none;outline:none;min-width:48px;min-height:48px;font-family:inherit}input,select,textarea{border:none;outline:none;font-family:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:800;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3vw,2.5rem)}h3{font-size:clamp(1.2rem,2.5vw,1.75rem)}h4{font-size:1.25rem}p{color:var(--text-secondary);line-height:1.7}.container{max-width:1280px;padding:0 var(--space-6);margin:0 auto}.container-sm{max-width:900px;padding:0 var(--space-6);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.w-full{width:100%}.hidden{display:none}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);transition:all var(--transition);white-space:nowrap;cursor:pointer;border:none;font-size:.9375rem;font-weight:700;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--ixl-blue);color:#fff;box-shadow:var(--shadow-blue)}.btn-primary:hover{background:var(--ixl-blue-dark);transform:translateY(-1px);box-shadow:0 6px 24px #006bd659}.btn-secondary{color:var(--ixl-blue);border:2px solid var(--ixl-blue);background:#fff}.btn-secondary:hover{background:var(--ixl-blue-light);transform:translateY(-1px)}.btn-ghost{color:var(--gray-600);border:2px solid var(--gray-200);background:0 0}.btn-ghost:hover{background:var(--gray-100);border-color:var(--gray-300)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.8125rem}.btn-lg{padding:var(--space-4) var(--space-10);font-size:1.0625rem}.btn-icon{padding:var(--space-2);border-radius:var(--radius-full);background:var(--gray-100);color:var(--gray-600)}.btn-icon:hover{background:var(--gray-200)}.btn-correct{background:var(--correct);color:#fff}.btn-correct:hover{background:#1a8a4a}.btn-incorrect{background:var(--incorrect);color:#fff}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:box-shadow var(--transition), transform var(--transition);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg)}.card-hover:hover{transform:translateY(-3px)}.card-body{padding:var(--space-6)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-blue{background:var(--ixl-blue-light);color:var(--ixl-blue)}.badge-green{background:var(--correct-light);color:var(--correct)}.badge-red{background:var(--incorrect-light);color:var(--incorrect)}.badge-gold{color:#b8860b;background:#fff3cd}.badge-purple{color:#7c3aed;background:#f3eeff}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{color:var(--text-primary);font-size:.875rem;font-weight:600}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);background:#fff;font-size:.9375rem}.form-input:focus{border-color:var(--ixl-blue);box-shadow:0 0 0 3px #006bd61f}.form-input::placeholder{color:var(--gray-400)}.form-select{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-md);color:var(--text-primary);appearance:none;cursor:pointer;transition:border-color var(--transition);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748B' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") right 12px center no-repeat;font-size:.9375rem}.form-select:focus{border-color:var(--ixl-blue);box-shadow:0 0 0 3px #006bd61f}.spinner{border:3px solid var(--gray-200);border-top-color:var(--ixl-blue);border-radius:50%;width:40px;height:40px;animation:.7s linear infinite spin}.progress-bar-wrap{background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--ixl-blue), var(--ixl-blue-mid));height:100%;transition:width .6s var(--ease)}.tabs{background:var(--gray-100);border-radius:var(--radius-lg);gap:4px;padding:4px;display:flex}.tab-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--gray-500);transition:all var(--transition);cursor:pointer;background:0 0;border:none;flex:1;font-size:.875rem;font-weight:600}.tab-btn.active{color:var(--ixl-blue);box-shadow:var(--shadow-sm);background:#fff}.tab-btn:hover:not(.active){color:var(--text-primary)}.section{padding:var(--space-16) 0}.section-title{margin-bottom:var(--space-4)}.section-subtitle{color:var(--text-secondary);margin-bottom:var(--space-12);max-width:600px;margin-left:auto;margin-right:auto;font-size:1.125rem}.divider{background:var(--gray-200);height:1px;margin:var(--space-6) 0}.tooltip-wrap{display:inline-flex;position:relative}.tooltip{background:var(--gray-800);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition);z-index:100;font-size:.75rem;font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip:after{content:"";border:5px solid #0000;border-top-color:var(--gray-800);position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-wrap:hover .tooltip{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes glow{0%,to{box-shadow:0 0 8px #006bd666}50%{box-shadow:0 0 24px #006bd6cc}}@keyframes scoreRise{0%{stroke-dashoffset:283px}}.anim-fadeIn{animation:.4s forwards fadeIn}.anim-fadeInUp{animation:.5s forwards fadeInUp}.anim-popIn{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards popIn}.skeleton{background:linear-gradient(90deg, var(--gray-200) 25%, var(--gray-100) 50%, var(--gray-200) 75%);border-radius:var(--radius-md);background-size:200%;animation:1.5s linear infinite shimmer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.grid-2{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.container{padding:0 var(--space-4)}h1{font-size:2rem}}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-xl);padding:var(--space-8);width:calc(100% - 32px);max-width:480px;box-shadow:var(--shadow-xl);background:#fff;animation:.3s fadeInUp}.alert{padding:var(--space-4);border-radius:var(--radius-md);align-items:flex-start;gap:var(--space-3);font-size:.875rem;font-weight:500;display:flex}.alert-success{background:var(--correct-light);color:#166534;border-left:4px solid var(--correct)}.alert-error{background:var(--incorrect-light);color:#991b1b;border-left:4px solid var(--incorrect)}.alert-info{background:var(--ixl-blue-light);color:var(--ixl-blue-dark);border-left:4px solid var(--ixl-blue)}.confetti-canvas{pointer-events:none;z-index:9999;position:fixed;inset:0}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}.page-content{flex:1}.modal-overlay{z-index:1001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;animation:.2s fadeIn;position:fixed;inset:0}@media (width<=640px){.btn{padding:var(--space-3) var(--space-5);min-height:44px;font-size:.9rem}.btn-sm{padding:var(--space-2) var(--space-4);min-height:36px}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:2px;padding:3px;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab-btn{padding:var(--space-2) var(--space-3);flex:none;font-size:.8rem}.modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:100%;max-height:90vh;padding:var(--space-6);align-self:flex-end;margin:0;overflow-y:auto}.modal-backdrop{align-items:flex-end}.card{border-radius:var(--radius-md)}.form-group{gap:var(--space-1)}.form-input,.form-select{font-size:1rem}.container,.container-sm{padding:0 var(--space-3)}h1{font-size:1.6rem}h2{font-size:1.3rem}h3{font-size:1.1rem}.hide-mobile{display:none!important}.grid-2,.grid-3,.grid-4{gap:var(--space-4);grid-template-columns:1fr}.section{padding:var(--space-10) 0}}@media (width<=480px){.btn-lg{padding:var(--space-3) var(--space-6);font-size:.95rem}.badge{padding:2px 8px;font-size:.65rem}}@media (hover:none){.card:hover,.btn-primary:hover,.btn-secondary:hover,.card-hover:hover{transform:none}}@media (width<=768px){html,body{width:100%;overflow-x:hidden}*{-webkit-tap-highlight-color:#0000}.mobile-page-content{padding-bottom:80px!important}.navbar-links,.hamburger{display:none!important}.navbar-inner{height:54px!important;padding:0 16px!important}.logo-text{font-size:1.1rem!important}button,.btn,[role=button],a.btn{min-height:44px;padding:10px 16px}.card,[class*=card]{border-radius:12px!important;padding:14px!important}h1{font-size:1.6rem!important}h2{font-size:1.3rem!important}h3{font-size:1.1rem!important}p,li{font-size:.9rem!important}[class*=grid-]:not(.bottom-nav){grid-template-columns:1fr!important}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}[class*=modal],[class*=dialog]{border-radius:16px!important;width:95vw!important;max-width:95vw!important;margin:10px auto!important}.stats-grid,[class*=stats-row]{grid-template-columns:1fr 1fr!important;gap:10px!important;display:grid!important}.practice-container,[class*=practice-wrap],[class*=session-wrap]{min-height:100vh;padding:12px!important}[class*=answer-btn],[class*=choice-btn],[class*=option-btn]{border-radius:12px!important;min-height:52px!important;padding:14px 16px!important;font-size:.95rem!important}[class*=subject-card],[class*=skill-card]{padding:14px!important}[class*=leaderboard]{padding:8px!important}input,select,textarea{border-radius:10px!important;padding:12px 14px!important;font-size:16px!important}[class*=decoration],[class*=bg-shape],[class*=blob]{display:none!important}[class*=sidebar],[class*=side-panel]{width:100%!important;position:static!important}.container,[class*=page-container],[class*=content-wrap]{max-width:100%!important;padding:12px!important}[class*=row]:not(.bottom-nav):not(.stats-grid):not([class*=stats-row]){flex-wrap:wrap!important}footer,.footer{display:none!important}}@media (width<=380px){.logo-text{font-size:.95rem!important}h1{font-size:1.35rem!important}.bottom-nav-label{font-size:.55rem!important}}@media (width<=768px) and (orientation:landscape){.bottom-nav{height:52px!important}.mobile-page-content{padding-bottom:60px!important}}[dir=rtl]{text-align:right}[dir=rtl] .navbar-inner,[dir=rtl] .navbar-links,[dir=rtl] .navbar-right,[dir=rtl] .grade-selector,[dir=rtl] .skill-controls,[dir=rtl] .filter-tabs,[dir=rtl] .disc-item-main,[dir=rtl] .disc-post-box,[dir=rtl] .disc-meta,[dir=rtl] .disc-actions{flex-direction:row-reverse}[dir=rtl] .disc-replies{border-left:none;border-right:2px solid #e2e8f0;padding-left:0;padding-right:16px}[dir=rtl] .disc-reply-item{flex-direction:row-reverse}:lang(ur),[lang=ur] *{font-family:Noto Nastaliq Urdu,serif;line-height:2}[data-theme=light] .card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f}[data-theme=light] .card:hover{box-shadow:0 4px 16px #0000001a}[data-theme=light] .navbar{background:#fffffff7!important;border-bottom:1px solid #e2e8f0!important}[data-theme=light] .navbar a,[data-theme=light] .navbar button,[data-theme=light] .navbar .nav-link,[data-theme=light] .navbar .logo-text{color:#0f172a!important}[data-theme=light] .navbar .nav-link:hover{color:#006bd6!important}[data-theme=light] .dropdown-menu,[data-theme=light] .nav-dropdown{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 10px 30px #0000001a!important}[data-theme=light] .dropdown-menu a,[data-theme=light] .nav-dropdown a,[data-theme=light] .dropdown-item{color:#0f172a!important}[data-theme=light] .dropdown-menu a:hover,[data-theme=light] .nav-dropdown a:hover,[data-theme=light] .dropdown-item:hover{color:#006bd6!important;background:#f1f5f9!important}[data-theme=light] .bottom-nav{background:#fff!important;border-top:1px solid #e2e8f0!important}[data-theme=light] .bottom-nav a,[data-theme=light] .bottom-nav-label{color:#64748b!important}[data-theme=light] .bottom-nav a.active,[data-theme=light] .bottom-nav a.active .bottom-nav-label{color:#006bd6!important}[data-theme=light] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),[data-theme=light] select,[data-theme=light] textarea{color:#0f172a!important;background:#fff!important;border:1px solid #d1d5db!important}[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:#006bd6!important;box-shadow:0 0 0 3px #006bd61a!important}[data-theme=light] input::-moz-placeholder{color:#94a3b8!important}[data-theme=light] textarea::-moz-placeholder{color:#94a3b8!important}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#94a3b8!important}[data-theme=light] label{color:#374151!important}[data-theme=light] .btn-primary{color:#fff;background:#006bd6}[data-theme=light] .btn-secondary,[data-theme=light] .btn-ghost{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0}[data-theme=light] .btn-secondary:hover,[data-theme=light] .btn-ghost:hover{background:#e2e8f0}[data-theme=light] .stat-card,[data-theme=light] .widget-card,[data-theme=light] .dashboard-card{color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .stat-value,[data-theme=light] .widget-title,[data-theme=light] .dashboard-title{color:#0f172a!important}[data-theme=light] .stat-label,[data-theme=light] .widget-subtitle{color:#64748b!important}[data-theme=light] .modal-overlay{background:#0000004d!important}[data-theme=light] .modal-content,[data-theme=light] .modal{color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] table{color:#0f172a}[data-theme=light] th{color:#374151;background:#f1f5f9;border-bottom:2px solid #e2e8f0}[data-theme=light] td{color:#0f172a;border-bottom:1px solid #f1f5f9}[data-theme=light] tr:hover td{background:#f8fafc}[data-theme=light] [style*="color: white"],[data-theme=light] [style*="color:'white'"],[data-theme=light] [style*=color\:white],[data-theme=light] [style*="color: #fff"],[data-theme=light] [style*="color:'#fff'"],[data-theme=light] [style*="color:#fff"],[data-theme=light] [style*="color: #f1f5f9"],[data-theme=light] [style*="color:#f1f5f9"],[data-theme=light] [style*="color: #e2e8f0"]{color:#0f172a!important}[data-theme=light] [style*="color: rgba(255"],[data-theme=light] [style*="color:rgba(255"]{color:#475569!important}[data-theme=light] [style*="background: #0f172a"],[data-theme=light] [style*="background:#0f172a"],[data-theme=light] [style*="background: #1e293b"],[data-theme=light] [style*="background:#1e293b"],[data-theme=light] [style*="background: #0a0f1e"],[data-theme=light] [style*="background:#0a0f1e"],[data-theme=light] [style*="background: #0a0a0f"],[data-theme=light] [style*="background:#0a0a0f"],[data-theme=light] [style*="background: #1a1a2e"],[data-theme=light] [style*="background:#1a1a2e"]{background:#f8fafc!important}[data-theme=light] [style*="background: rgba(255, 255, 255, 0.0"],[data-theme=light] [style*="background:rgba(255, 255, 255, 0.0"],[data-theme=light] [style*="background: rgba(255,255,255,0.0"],[data-theme=light] [style*="background:rgba(255,255,255,0.0"]{background:#fff!important;border-color:#e2e8f0!important}[data-theme=light] [style*="border: 1px solid rgba(255"],[data-theme=light] [style*="border:1px solid rgba(255"],[data-theme=light] [style*="borderColor: rgba(255"],[data-theme=light] [style*="borderColor:rgba(255"],[data-theme=light] [style*="borderColor:'rgba(255"]{border-color:#e2e8f0!important}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4{color:#0f172a!important}[data-theme=light] .dash-section{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 8px #0000000f!important}[data-theme=light] .dash-section h2,[data-theme=light] .suggested-skill-name{color:#0f172a!important}[data-theme=light] .suggested-skill-sub{color:#64748b!important}[data-theme=light] .ap-wrapper,[data-theme=light] .admin-panel{color:#0f172a!important;background:#f8fafc!important}[data-theme=light] .ap-sidebar,[data-theme=light] .admin-sidebar{background:#fff!important;border-right:1px solid #e2e8f0!important}[data-theme=light] .ap-sidebar a,[data-theme=light] .admin-sidebar a,[data-theme=light] .ap-sidebar button{color:#475569!important}[data-theme=light] .ap-sidebar a:hover,[data-theme=light] .ap-sidebar a.active,[data-theme=light] .admin-sidebar a:hover{color:#006bd6!important;background:#f1f5f9!important}[data-theme=light] .ap-main{color:#0f172a!important}[data-theme=light] .ap-card,[data-theme=light] .ap-stat-card{color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .msg-sidebar,[data-theme=light] .msg-list-wrap{background:#fff!important;border-color:#e2e8f0!important}[data-theme=light] .msg-item{color:#0f172a!important}[data-theme=light] .msg-item:hover{background:#f8fafc!important}[data-theme=light] .msg-bubble{color:#0f172a!important}[data-theme=light] .msg-input{color:#0f172a!important;background:#fff!important;border:1px solid #d1d5db!important}[data-theme=light] .skill-tree-page{background:#f8fafc!important}[data-theme=light] .skill-node{color:#0f172a!important;background:#fff!important;border:2px solid #e2e8f0!important}[data-theme=light] .lb-page{background:#f8fafc!important}[data-theme=light] .lb-row{color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .minigame-page{background:#f8fafc!important}[data-theme=light] .jcw-wrap,[data-theme=light] .join-class-widget{color:#0f172a!important}[data-theme=light] .jcw-wrap *,[data-theme=light] .join-class-widget *{color:inherit!important}[data-theme=light] .jcw-wrap input,[data-theme=light] .join-class-widget input{color:#0f172a!important;background:#fff!important;border:1px solid #d1d5db!important}[data-theme=light] .server-settings{color:#0f172a!important;background:#f8fafc!important}[data-theme=light] .server-settings *{color:inherit}[data-theme=light] .server-settings input,[data-theme=light] .server-settings select,[data-theme=light] .server-settings textarea{color:#0f172a!important;background:#fff!important;border:1px solid #d1d5db!important}[data-theme=light] .teacher-dash,[data-theme=light] .gradebook-page,[data-theme=light] .teacher-reports{color:#0f172a!important;background:#f8fafc!important}[data-theme=light] .quiz-page,[data-theme=light] .quiz-card{color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .pd-page,[data-theme=light] .principal-dash{color:#0f172a!important;background:#f8fafc!important}[data-theme=light] .profile-page{background:#f8fafc!important}[data-theme=light] .profile-card{color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .league-page,[data-theme=light] .competition-page{background:#f8fafc!important}[data-theme=light] .subject-card{border:1px solid #e2e8f0!important}[data-theme=light] .diagnostic-page{background:#f8fafc!important}[data-theme=light] .pricing-page{color:#0f172a!important;background:#f8fafc!important}[data-theme=light] .pricing-card{color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .checkout-page{color:#0f172a!important;background:#f8fafc!important}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:#0f172a!important}[data-theme=light] p,[data-theme=light] span:not(.option-checkmark):not(.option-x):not(.badge):not(.streak-badge),[data-theme=light] li,[data-theme=light] td,[data-theme=light] th,[data-theme=light] label,[data-theme=light] legend{color:#1e293b}:root[data-theme=dark] .form-input{color:#e2e8f0;background:#ffffff0d;border-color:#ffffff1a}:root[data-theme=dark] .form-input:focus{border-color:var(--ixl-blue)}:root[data-theme=dark] .form-input::placeholder{color:#64748b}:root[data-theme=dark] .form-select{color:#e2e8f0;background-color:#ffffff0d;border-color:#ffffff1a}:root[data-theme=dark] .btn-secondary{color:#60a5fa;background:#ffffff0f;border-color:#60a5fa4d}:root[data-theme=dark] .btn-secondary:hover{background:#60a5fa1f}:root[data-theme=dark] .btn-ghost{color:#94a3b8;background:0 0;border-color:#ffffff1a}:root[data-theme=dark] .btn-ghost:hover{background:#ffffff0f;border-color:#ffffff26}:root[data-theme=dark] .btn-icon{color:#94a3b8;background:#ffffff0f}:root[data-theme=dark] .btn-icon:hover{background:#ffffff1a}:root[data-theme=dark] .modal{background:#1e293b;border:1px solid #ffffff14}:root[data-theme=dark] .tabs{background:#ffffff0a}:root[data-theme=dark] .tab-btn{color:#94a3b8}:root[data-theme=dark] .tab-btn.active{color:#60a5fa;background:#ffffff1a}:root[data-theme=dark] .tab-btn:hover:not(.active){color:#e2e8f0}:root[data-theme=dark] .divider{background:#ffffff14}:root[data-theme=dark] .skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200%}:root[data-theme=dark] ::-webkit-scrollbar-track{background:#0f172a}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:#334155}:root[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#475569}:root[data-theme=dark] .progress-bar-wrap{background:#ffffff14}:root[data-theme=dark] .alert-success{color:#34d399;border-left-color:var(--correct);background:#22a55b1a}:root[data-theme=dark] .alert-error{color:#f87171;border-left-color:var(--incorrect);background:#d930251a}:root[data-theme=dark] .alert-info{color:#60a5fa;border-left-color:var(--ixl-blue);background:#006bd61a}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:18px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s;box-shadow:0 8px 32px #00000014}.glass-panel:hover{border-color:#6366f159;transform:translateY(-2px);box-shadow:0 16px 40px #6366f11f}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 10px 40px -10px #0000002e}[data-theme=light] .glass-card{background:#fffffff0!important;border-color:#e2e8f0e6!important;box-shadow:0 12px 36px -4px #0000000d,0 4px 6px -2px #00000005!important}[data-theme=dark] .glass-card{background:#0f172ae0!important;border-color:#ffffff1f!important;box-shadow:0 25px 60px -12px #000000b3!important}.gradient-blob{filter:blur(90px);opacity:.4;pointer-events:none;border-radius:50%;animation:12s ease-in-out infinite alternate blob-float;position:absolute}@keyframes blob-float{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,-25px)scale(1.1)}to{transform:translate(-25px,25px)scale(.92)}}.font-display{font-family:Outfit,Nunito,sans-serif!important}.text-gradient{background:linear-gradient(135deg,#006bd6 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}