@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Tajawal:wght@400;500;700;800&display=swap);:root{--blue:#1a9bd5;--blue-light:#e8f5fc;--teal:#0dd4b8;--teal-light:#e0faf6;--dark:#0a1628;--text:#1a202c;--text-muted:#6b7280;--bg:#f8fafc;--border:#e5e7eb;--success:#16a34a;--danger:#dc2626;--warning:#d97706;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 16px #0000001a}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{direction:rtl;font-family:Cairo,Tajawal,sans-serif;font-size:16px}body{-webkit-font-smoothing:antialiased;background:#f8fafc;background:var(--bg);color:#1a202c;color:var(--text);line-height:1.6}a{color:inherit}button{font-family:inherit}img{display:block;max-width:100%}.text-center{text-align:center}.flex-between{align-items:center;display:flex;justify-content:space-between}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.mt-8{margin-top:8px}.section-title{font-size:28px;font-weight:800;margin-bottom:8px}.section-sub{color:#6b7280;color:var(--text-muted);font-size:14px;line-height:1.7}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:700;gap:6px;overflow:hidden;padding:9px 18px;position:relative;text-decoration:none;transition:all .2s;white-space:nowrap}.btn-primary{background:#1a9bd5;background:var(--blue);color:#fff}.btn-primary:hover{background:#1589bd}.btn-outline{background:#0000;border:1.5px solid #1a9bd5;border:1.5px solid var(--blue);color:#1a9bd5;color:var(--blue)}.btn-outline:hover{background:#e8f5fc;background:var(--blue-light)}.btn-danger{background:#dc2626;background:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-sm{border-radius:8px;font-size:12px;padding:6px 14px}.btn-lg{border-radius:12px;font-size:15px;padding:13px 24px}.btn:disabled{cursor:not-allowed;opacity:.6}.btn:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);width:0}.btn:active:after{height:200px;opacity:1;transform:translate(-50%,-50%) scale(1);transition:width .4s,height .4s,opacity .4s;width:200px}.card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);padding:20px}.card-hover{cursor:pointer;transition:box-shadow .2s,transform .2s}.card-hover:hover{box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-3px)}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;padding:3px 10px}.badge-blue{background:#e8f5fc;background:var(--blue-light);color:#1a9bd5;color:var(--blue)}.badge-green{background:#dcfce7;color:#15803d}.badge-red{background:#fee2e2;color:#991b1b}.badge-amber{background:#fef3c7;color:#854d0e}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:600;margin-bottom:5px}.form-input{background:#fff;border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius-md);color:#1a202c;color:var(--text);font-family:inherit;font-size:13px;outline:none;padding:10px 13px;transition:border-color .2s;width:100%}.form-input:focus{border-color:#1a9bd5;border-color:var(--blue)}.form-error{color:#dc2626;color:var(--danger);display:block;font-size:11px;margin-top:4px}select.form-input{cursor:pointer}.avatar{align-items:center;background:#1a9bd5;background:var(--blue);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:800;justify-content:center}.progress-bar{background:#e5e7eb;background:var(--border);border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{background:#1a9bd5;background:var(--blue);border-radius:3px;height:100%;transition:width .3s}.spinner{animation:spin .7s linear infinite;border:3px solid #e5e7eb;border-top-color:#1a9bd5;border:3px solid var(--border);border-radius:50%;border-top-color:var(--blue);height:32px;width:32px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg)}::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f8fafc;border:2px solid var(--bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::selection{background:#1a9bd526;color:#1a9bd5;color:var(--blue)}.grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.grid-3{grid-gap:20px;grid-template-columns:repeat(3,1fr)}.grid-3,.grid-4{display:grid;gap:20px}.grid-4{grid-gap:20px;grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.empty-state{color:#6b7280;color:var(--text-muted);padding:60px 20px;text-align:center}.empty-state h3{color:#1a202c;color:var(--text);font-size:18px;font-weight:700;margin:12px 0 6px}[data-reveal]{opacity:1;transform:none}[data-reveal].will-animate{opacity:0;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}[data-reveal=up].will-animate{transform:translateY(26px)}[data-reveal=down].will-animate{transform:translateY(-18px)}[data-reveal=left].will-animate{transform:translateX(32px)}[data-reveal=right].will-animate{transform:translateX(-32px)}[data-reveal=scale].will-animate{transform:scale(.92)}[data-reveal=fade].will-animate{transform:none}[data-reveal].revealed{opacity:1!important;transform:none!important}[data-delay="60"]{transition-delay:.06s!important}[data-delay="80"]{transition-delay:.08s!important}[data-delay="100"]{transition-delay:.1s!important}[data-delay="120"]{transition-delay:.12s!important}[data-delay="140"]{transition-delay:.14s!important}[data-delay="150"]{transition-delay:.15s!important}[data-delay="160"]{transition-delay:.16s!important}[data-delay="180"]{transition-delay:.18s!important}[data-delay="200"]{transition-delay:.2s!important}[data-delay="210"]{transition-delay:.21s!important}[data-delay="250"]{transition-delay:.25s!important}[data-delay="300"]{transition-delay:.3s!important}[data-delay="350"]{transition-delay:.35s!important}[data-delay="400"]{transition-delay:.4s!important}[data-delay="450"]{transition-delay:.45s!important}[data-delay="500"]{transition-delay:.5s!important}.card-anim{transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,border-color .22s}.card-anim:hover{border-color:#1a9bd54d;box-shadow:0 14px 36px #1a9bd524;transform:translateY(-5px)}.card-shimmer{overflow:hidden;position:relative}.card-shimmer:after{background:linear-gradient(105deg,#0000 30%,#ffffff38 50%,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-100%);transition:transform .55s ease;z-index:1}.card-shimmer:hover:after{transform:translateX(100%)}.card-border-anim{border:1.5px solid #e5e7eb;border:1.5px solid var(--border);position:relative;transition:border-color .25s}.card-border-anim:before{background:linear-gradient(135deg,#1a9bd5,#0dd4b8);background:linear-gradient(135deg,var(--blue),var(--teal));border-radius:inherit;content:"";inset:-1.5px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:0;padding:1.5px;pointer-events:none;position:absolute;transition:opacity .25s;z-index:0}.card-border-anim:hover:before{opacity:1}.icon-bounce{display:inline-block;transition:transform .3s cubic-bezier(.22,1,.36,1)}.card-anim:hover .icon-bounce,.card-border-anim:hover .icon-bounce{transform:scale(1.22) rotate(-5deg)}.stat-num-glow{transition:color .3s,text-shadow .3s}.card-anim:hover .stat-num-glow{color:#1a9bd5;color:var(--blue);text-shadow:0 0 20px #1a9bd566}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 #0dd4b866}70%{box-shadow:0 0 0 10px #0dd4b800}to{box-shadow:0 0 0 0 #0dd4b800}}.badge-pulse{animation:pulse-ring 2.4s ease-out infinite}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-float{animation:heroFloat 5s ease-in-out infinite}.page-enter{animation:pageIn .45s cubic-bezier(.22,1,.36,1) both}.section-title-anim{display:inline-block;position:relative}.section-title-anim:after{background:linear-gradient(90deg,#1a9bd5,#0dd4b8);background:linear-gradient(90deg,var(--blue),var(--teal));border-radius:2px;bottom:-4px;content:"";height:3px;position:absolute;right:0;transition:width .7s cubic-bezier(.22,1,.36,1) .3s;width:0}.revealed .section-title-anim:after,.section-title-anim.revealed:after{width:100%}.card-tilt{perspective:800px;transform-style:preserve-3d;transition:transform .15s ease}@media (prefers-reduced-motion:reduce){[data-reveal],[data-reveal].revealed{opacity:1!important;transform:none!important;transition:none!important}.badge-pulse,.card-anim,.card-shimmer:after,.hero-float{animation:none!important;transition:none!important}}@media (max-width:900px){.section-title{font-size:22px}.flex-between{flex-wrap:wrap;gap:12px}.btn-lg{font-size:14px;padding:11px 20px}}@media (max-width:600px){.section-title{font-size:20px}.grid-3,.grid-4{grid-template-columns:1fr}.card{padding:16px}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}@media (max-width:400px){html{font-size:15px}.section-title{font-size:18px}}.navbar{background:#fff;border-bottom:1px solid var(--border);height:64px;position:sticky;top:0;z-index:200}.navbar,.navbar-inner{align-items:center;display:flex}.navbar-inner{gap:24px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 40px;width:100%}.navbar-logo{color:var(--blue);flex-shrink:0;font-size:22px;font-weight:800;text-decoration:none}.nav-search-form{align-items:center;display:flex;flex:1 1;margin:0 20px;max-width:400px;position:relative}@media (max-width:600px){.nav-search-form{margin:0 10px;max-width:none}}.nav-search-input{border:1.5px solid var(--border);border-radius:20px;font-size:13px;outline:none;padding:8px 36px 8px 12px;transition:all .2s;width:100%}.nav-search-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1a9bd51a}.nav-search-btn{background:none;border:none;cursor:pointer;font-size:14px;position:absolute;right:10px}.navbar-links{align-items:center;display:flex;flex:1 1;gap:24px;justify-content:center}.navbar-links a{color:var(--text-muted);font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;white-space:nowrap}.navbar-links a.active,.navbar-links a:hover{color:var(--blue)}.navbar-actions{align-items:center;display:flex;flex-shrink:0;gap:10px}.nav-avatar-wrap{position:relative}.nav-avatar-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:0}.nav-dropdown{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 30px #0000001f;left:0;min-width:200px;padding:8px 0;position:absolute;top:calc(100% + 10px);z-index:300}.nav-dropdown-header{border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:4px;margin-bottom:4px;padding:10px 16px 8px}.logout-btn,.nav-dropdown a{background:none;border:none;color:var(--text);cursor:pointer;display:block;font-family:inherit;font-size:13px;padding:8px 16px;text-align:right;text-decoration:none;transition:background .15s;width:100%}.logout-btn:hover,.nav-dropdown a:hover{background:var(--bg)}.logout-btn{border-top:1px solid var(--border);color:var(--danger);margin-top:4px}.hamburger{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:none;flex-direction:column;flex-shrink:0;gap:5px;height:40px;justify-content:center;padding:4px;transition:background .15s;width:40px;z-index:1001}.hamburger:hover{background:var(--bg)}.ham-bar{background:var(--text);border-radius:2px;display:block;height:2px;transform-origin:center;transition:all .25s;width:22px}.ham-bar.open:first-child{transform:translateY(7px) rotate(45deg)}.ham-bar.open:nth-child(2){opacity:0;transform:scaleX(0)}.ham-bar.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{animation:slideDown .2s ease;background:#fff;border-bottom:1px solid var(--border);bottom:0;box-shadow:0 8px 24px #0000001a;left:0;overflow-y:auto;padding:16px 20px 24px;position:fixed;right:0;top:64px;z-index:199}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-links{border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:4px;margin-bottom:16px;padding-bottom:16px}.mobile-link{border-radius:10px;color:var(--text-muted);display:block;font-size:14px;font-weight:600;padding:11px 12px;text-decoration:none;transition:all .15s}.mobile-link.active,.mobile-link:hover{background:var(--blue-light);color:var(--blue)}.mobile-menu-actions{display:flex;flex-direction:column;gap:10px}.mobile-user-info{align-items:center;background:var(--bg);border-radius:10px;display:flex;gap:10px;margin-bottom:4px;padding:10px 12px}@media (max-width:900px){.navbar-inner{padding:0 20px}.navbar-actions,.navbar-links{display:none}.hamburger{display:flex}}@media (max-width:400px){.navbar-logo{font-size:18px}.navbar-inner{padding:0 14px}}.navbar-links a{position:relative}.navbar-links a:after{background:var(--blue);border-radius:1px;bottom:-2px;content:"";height:2px;position:absolute;right:0;transition:width .25s cubic-bezier(.22,1,.36,1);width:0}.navbar-links a.active:after,.navbar-links a:hover:after{width:100%}.nav-dropdown{animation:slideDown .2s cubic-bezier(.22,1,.36,1) both}.mobile-menu-links .mobile-link{transition:background .15s,color .15s,transform .2s cubic-bezier(.22,1,.36,1)}.mobile-link:hover{transform:translateX(-4px)}.footer{background:var(--dark);color:#fff9;padding:48px 0 20px}.footer-inner{margin:0 auto;max-width:1200px;padding:0 40px}.footer-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1.5fr 1fr 1fr 1fr;margin-bottom:32px}.footer-logo{color:var(--blue);font-size:22px;font-weight:800;margin-bottom:10px}.footer-brand p{font-size:12px;line-height:1.75;margin-bottom:16px}.footer-socials{display:flex;gap:8px}.footer-socials a{align-items:center;background:#ffffff14;border-radius:8px;color:#fff;display:flex;font-size:12px;height:32px;justify-content:center;text-decoration:none;transition:background .2s;width:32px}.footer-socials a:hover{background:var(--blue)}.footer-col h4{color:#fff;font-size:13px;font-weight:700;margin-bottom:14px}.footer-col a,.footer-col span{color:#ffffff8c;display:block;font-size:12px;margin-bottom:8px;text-decoration:none;transition:color .2s}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff1a;color:#ffffff4d;display:flex;flex-wrap:wrap;font-size:11px;gap:6px;justify-content:space-between;padding-top:18px}@media (max-width:900px){.footer-inner{padding:0 20px}.footer-grid{gap:24px;grid-template-columns:1fr 1fr}}@media (max-width:480px){.footer-inner{padding:0 16px}.footer-grid{gap:20px;grid-template-columns:1fr}.footer{padding:36px 0 16px}.footer-bottom{align-items:center;flex-direction:column;text-align:center}}.footer-dev-credit{color:#ffffff73;font-size:11px;text-decoration:none;transition:color .2s}.footer-dev-credit:hover{color:var(--teal);text-decoration:underline}.global-campaign-bar{background:linear-gradient(90deg,#fef3c7,#fffbeb 50%,#fef3c7);border-bottom:1px solid #fcd34d;color:#92400e;font-size:13px;font-weight:700;padding:8px 16px;position:relative;width:100%;z-index:2000}.gcb-container{justify-content:center;margin:0 auto;max-width:1200px;position:relative}.gcb-container,.gcb-ticker{align-items:center;display:flex}.gcb-ticker{gap:12px;text-align:center}.gcb-urgent{animation:pulse 1s infinite;background:#ef4444;border-radius:4px;padding:2px 8px}.gcb-cta,.gcb-urgent{color:#fff;font-size:11px}.gcb-cta{background:#92400e;border:none;border-radius:20px;cursor:pointer;font-family:inherit;font-weight:800;padding:4px 12px;transition:transform .2s}.gcb-cta:hover{background:#78350f;transform:scale(1.05)}.gcb-close{background:none;border:none;color:#92400e;cursor:pointer;font-size:16px;left:0;opacity:.5;position:absolute}.gcb-close:hover{opacity:1}@media (max-width:768px){.gcb-text{display:none}.gcb-ticker:after{content:"خصومات حصرية متاحة الآن!"}}.cp-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:3000}.cp-modal{background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;max-width:400px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;width:100%}.cp-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:20px;left:20px;position:absolute;top:20px}.cp-icon{animation:bounce 2s infinite;font-size:60px;margin-bottom:20px}.cp-badge{background:var(--blue-light);border-radius:20px;color:var(--blue);display:inline-block;font-size:12px;font-weight:800;margin-bottom:16px;padding:4px 12px}.cp-content h2{color:var(--text);font-size:28px;font-weight:800;margin-bottom:12px}.cp-content p{color:var(--text-muted);font-size:14px;line-height:1.6;margin-bottom:24px}.cp-btn{background:var(--blue);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:800;padding:14px;transition:transform .2s;width:100%}.cp-btn:hover{box-shadow:0 10px 20px #1a9bd54d;transform:scale(1.03)}.cp-footer{color:var(--danger);font-size:11px;font-weight:600;margin-top:16px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.cert-overlay{align-items:center;animation:certFadeIn .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d1;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:16px;position:fixed;z-index:5000}@keyframes certFadeIn{0%{opacity:0}to{opacity:1}}.cert-wrapper{animation:certSlideUp .3s cubic-bezier(.22,1,.36,1);margin:auto;max-width:1000px;width:100%}@keyframes certSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.cert-actions{display:flex;gap:10px;justify-content:flex-end;margin-bottom:14px}.cert-btn-print{align-items:center;background:#1a9bd5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Cairo,sans-serif;font-size:14px;font-weight:700;gap:6px;padding:10px 20px;transition:background .2s}.cert-btn-print:hover{background:#1589bd}.cert-btn-close{background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;color:#fffc;cursor:pointer;font-family:Cairo,sans-serif;font-size:13px;font-weight:700;padding:10px 18px;transition:all .2s}.cert-btn-close:hover{background:#ffffff40;color:#fff}.cert-paper{background:linear-gradient(160deg,#eaf8fb,#f0fafe 40%,#e6f7fd 70%,#d8f5f0);border-radius:6px;box-shadow:0 8px 40px #00000059;direction:rtl;display:flex;flex-direction:column;font-family:Amiri,Cairo,Tajawal,serif;min-height:580px;overflow:hidden;padding:48px 52px 36px;position:relative}.cert-border-outer{border:6px double #c5a059;border-radius:4px;inset:14px}.cert-border-inner,.cert-border-outer{pointer-events:none;position:absolute;z-index:1}.cert-border-inner{border:1.5px solid #c5a05966;border-radius:2px;inset:24px}.cert-corner-icon{filter:drop-shadow(0 1px 3px rgba(0,0,0,.15));font-size:26px;position:absolute;z-index:2}.cert-corner-icon.tl{right:32px;top:32px}.cert-corner-icon.tr{left:32px;top:32px}.cert-corner-icon.bl{bottom:32px;right:32px}.cert-corner-icon.br{bottom:32px;left:32px}.cert-header{margin-bottom:20px;position:relative;text-align:center;z-index:3}.cert-logo-row{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:10px}.cert-logo{height:52px;object-fit:contain;width:auto}.cert-brand{align-items:flex-start;display:flex;flex-direction:column}.cert-brand-ar{color:#0d2a52;font-size:22px;font-weight:900;line-height:1}.cert-brand-en{color:#1a9bd5;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.cert-title{color:#0d2a52;font-size:26px;font-weight:900;line-height:1.2;margin:0}.cert-body{align-items:flex-start;display:flex;flex:1 1;gap:20px;position:relative;z-index:3}.cert-person-col{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:6px;text-align:center;width:150px}.cert-photo-frame{background:#e0f5fd;border:3px solid #1a9bd5;border-radius:8px;height:120px;overflow:hidden;width:120px}.cert-photo{height:100%;object-fit:cover;width:100%}.cert-photo-ph{align-items:center;background:linear-gradient(135deg,#1a9bd5,#0dd4b8);color:#fff;display:flex;font-size:36px;font-weight:900;height:100%;justify-content:center;width:100%}.cert-person-label{color:#555;font-size:12px;font-weight:600}.cert-person-name{color:#0d2a52;font-size:14px;font-weight:800}.cert-person-sub{color:#888;font-size:10px}.cert-center-col{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:0 12px;text-align:center}.cert-congrats{background:linear-gradient(135deg,#fff9e6,#fffbe8);border:2px solid #f59e0b;border-radius:10px;box-shadow:0 3px 12px #f59e0b26;margin-bottom:14px;padding:12px 20px}.cert-congrats-line1{color:#f59e0b;font-size:22px;font-weight:900}.cert-congrats-line2{color:#b45309;font-size:17px;font-weight:800}.cert-course-label{color:#555;font-size:13px;font-weight:600;margin-bottom:4px}.cert-course-name{background:#1a9bd514;border:1px solid #1a9bd533;border-radius:6px;color:#0d2a52;font-size:18px;font-weight:900;margin:0 0 4px;padding:6px 14px}.cert-grade{color:#1a9bd5;font-size:14px;font-weight:700}.cert-body-text{color:#555;font-size:13px;font-weight:600;margin:18px 0 2px}.cert-teacher-name{color:#1a9bd5;font-size:16px;font-weight:800;margin-bottom:4px}.cert-date-text{color:#666;font-size:13px;font-weight:600;margin-bottom:14px}.cert-sigs{display:flex;gap:80px;justify-content:center;margin-top:20px;width:100%}.cert-sig{min-width:150px;text-align:center}.cert-sig-line{background:linear-gradient(90deg,#0000,#0d2a52,#0000);height:1.5px;margin-bottom:8px;width:100%}.cert-sig-name{color:#0d2a52;font-family:Amiri,Cairo,serif;font-size:24px;font-weight:700;margin:0}.cert-sig-title{color:#777;font-size:10px;margin:0}.cert-footer{border-top:1px dashed #1a9bd54d;justify-content:space-between;margin-top:auto;padding-top:12px;position:relative;z-index:3}.cert-footer,.cert-seal{align-items:center;display:flex}.cert-seal{background:radial-gradient(circle,#1a9bd5 0,#0d7fb5 100%);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 16px #1a9bd566;height:90px;justify-content:center;outline:2px solid #1a9bd5;width:90px}.cert-seal-inner{align-items:center;color:#fff;display:flex;flex-direction:column;gap:2px;text-align:center}.cert-seal-text{font-size:11px;font-weight:900;line-height:1}.cert-seal-sub{font-size:9px;line-height:1;opacity:.85}.cert-id{color:#0d2a5266;font-family:monospace;font-size:10px}@media print{body *{visibility:hidden!important}.cert-paper,.cert-paper *{visibility:visible!important}.cert-paper{border-radius:0!important;box-shadow:none!important;height:100vh!important;inset:0!important;margin:0!important;padding:40px!important;position:fixed!important;width:100vw!important}.no-print{display:none!important}}@media (max-width:780px){.cert-paper{padding:32px 24px 24px}.cert-body{align-items:center;flex-direction:column}.cert-person-col{flex-direction:row;gap:14px;justify-content:center;width:100%}.cert-photo-frame{height:72px;width:72px}.cert-congrats-line1,.cert-title{font-size:18px}.cert-course-name{font-size:15px}.cert-sigs{gap:30px}.cert-sig{min-width:100px}.cert-sig-name{font-size:18px}}.course-card{background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-lg);color:inherit;display:block;overflow:hidden;perspective:800px;position:relative;text-decoration:none;transform-style:preserve-3d;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),border-color .22s}.course-card:hover{border-color:#1a9bd559;box-shadow:0 20px 50px #1a9bd529,0 6px 16px #00000014;z-index:2}.course-thumb{background:linear-gradient(135deg,#e8f5fc,#e0faf6);height:165px;overflow:hidden;position:relative}.course-thumb-img{height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,1,.36,1);width:100%}.course-card:hover .course-thumb-img{transform:scale(1.07)}.course-thumb-placeholder{align-items:center;background:linear-gradient(135deg,var(--blue-light) 0,var(--teal-light) 100%);display:flex;height:100%;justify-content:center;width:100%}.thumb-subject-letter{font-size:52px;font-weight:800;opacity:.45}.thumb-overlay{background:linear-gradient(180deg,#0000 40%,#0a162873);inset:0;opacity:0;position:absolute;transition:opacity .3s}.course-card:hover .thumb-overlay{opacity:1}.featured-badge,.live-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:20px;font-size:11px;font-weight:700;padding:3px 10px;position:absolute;top:10px}.live-badge{animation:badge-pulse 2s infinite;background:#fee2e2e6;color:#991b1b;right:10px}@keyframes badge-pulse{0%{box-shadow:0 0 0 0 #991b1b66;transform:scale(1)}70%{box-shadow:0 0 0 10px #991b1b00;transform:scale(1.05)}to{box-shadow:0 0 0 0 #991b1b00;transform:scale(1)}}.featured-badge{background:#fef3c7e6;color:#854d0e;left:10px}.campaign-badge-float{animation:badge-float 3s ease-in-out infinite;background:#f59e0b;border-radius:20px;box-shadow:0 4px 12px #f59e0b4d;color:#fff;font-size:11px;font-weight:800;left:10px;padding:3px 10px;position:absolute;top:10px;z-index:5}@keyframes badge-float{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}.wishlist-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;font-size:18px;height:34px;justify-content:center;left:50%;opacity:0;position:absolute;top:10px;transform:translateX(-50%) translateY(-10px);transition:all .3s cubic-bezier(.22,1,.36,1);width:34px;z-index:10}.course-card:hover .wishlist-btn{opacity:1;transform:translateX(-50%) translateY(0)}.wishlist-btn:hover{background:#fff;transform:translateX(-50%) scale(1.1)}.wishlist-btn.active{background:#fff;opacity:1;transform:translateX(-50%) translateY(0)}.course-card-body{padding:14px 16px 16px;position:relative}.course-subject{display:inline-flex;font-size:11px;margin-bottom:8px}.course-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text);display:-webkit-box;font-size:14px;font-weight:700;line-height:1.45;margin-bottom:6px;overflow:hidden;transition:color .2s}.course-card:hover .course-title{color:var(--blue)}.course-teacher{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:6px;margin-bottom:8px}.teacher-dot{background:var(--teal);border-radius:50%;flex-shrink:0;height:6px;transition:transform .3s;width:6px}.course-card:hover .teacher-dot{transform:scale(1.5)}.course-meta{align-items:center;display:flex;font-size:12px;gap:4px;margin-bottom:12px}.stars{color:#f59e0b;letter-spacing:1px}.course-reviews,.course-students{color:var(--text-muted)}.course-footer{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding-top:10px}.price-free{color:var(--success);font-size:15px}.price-paid{color:var(--blue);font-size:16px;transition:transform .25s}.course-card:hover .price-paid{transform:scale(1.05)}.course-lessons{color:var(--text-muted);font-size:12px}.card-arrow{align-items:center;background:var(--blue);border-radius:50%;bottom:14px;color:#fff;display:flex;font-size:13px;height:28px;justify-content:center;left:14px;opacity:0;position:absolute;transform:translateX(6px);transition:opacity .25s,transform .25s cubic-bezier(.22,1,.36,1);width:28px}.course-card:hover .card-arrow{opacity:1;transform:translateX(0)}@media (max-width:480px){.course-thumb{height:140px}.course-title{font-size:13px}.course-card-body{padding:11px 13px 13px}.course-card-actions .btn{font-size:11px;padding:7px 10px}}.teacher-avatar-sm{border:1.5px solid var(--blue-light);border-radius:50%;flex-shrink:0;height:18px;object-fit:cover;width:18px}.pro-campaign-banner{background:linear-gradient(135deg,#0d2a52,#1a9bd5);border:1px solid #ffffff1a;border-radius:var(--radius-lg);box-shadow:0 12px 32px #1a9bd533;color:#fff;margin-bottom:32px;overflow:hidden;padding:24px;position:relative}.pcb-overlay{background:linear-gradient(90deg,#0d2a52e6 30%,#0d2a5266);inset:0;position:absolute;z-index:0}.pro-campaign-banner:before{animation:pcb-rotate 20s linear infinite;background:radial-gradient(circle,#ffffff0d 0,#0000 60%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes pcb-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pcb-content{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;position:relative;z-index:1}.pcb-info{flex:1 1;min-width:200px}.pcb-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:20px;display:inline-block;font-size:11px;font-weight:800;margin-bottom:8px;padding:4px 12px;text-transform:uppercase}.pcb-title{font-size:24px;font-weight:800;margin-bottom:4px;text-shadow:0 2px 4px #0003}.pcb-desc{font-size:13px;margin-bottom:12px;opacity:.9}.pcb-progress-wrap{display:flex;flex-direction:column;gap:6px;margin-top:12px}.pcb-progress-bar{background:#ffffff26;border-radius:3px;height:6px;overflow:hidden}.pcb-progress-fill{animation:pcb-progress-load 2s ease-out;background:#f59e0b;border-radius:3px;box-shadow:0 0 10px #f59e0b80;height:100%}.pcb-progress-text{font-size:11px;font-weight:600;opacity:.8}@keyframes pcb-progress-load{0%{width:0}}.pcb-countdown{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000026;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:12px;padding:12px 20px}.pcb-time-item{align-items:center;display:flex;flex-direction:column;min-width:44px}.pcb-time-val{font-size:20px;font-weight:800;line-height:1}.pcb-time-lbl{font-size:10px;margin-top:4px;opacity:.7;text-transform:uppercase}.pcb-action{align-items:center;display:flex;gap:20px}.pcb-claim-btn{background:#fff;border:none;border-radius:30px;box-shadow:0 10px 25px #00000026;color:var(--blue);cursor:pointer;font-family:inherit;font-size:15px;font-weight:800;padding:12px 24px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.pcb-claim-btn:hover{background:#f0f9ff;box-shadow:0 15px 30px #0003;transform:scale(1.1) translateY(-3px)}.pcb-discount{align-items:center;animation:pcb-pulse 2s infinite;background:#f59e0b;border:3px solid #fff;border-radius:50%;box-shadow:0 8px 16px #0003;color:#fff;display:flex;flex-direction:column;height:80px;justify-content:center;transform:rotate(-10deg);width:80px}@keyframes pcb-pulse{0%{transform:rotate(-10deg) scale(1)}50%{transform:rotate(-10deg) scale(1.05)}to{transform:rotate(-10deg) scale(1)}}.pcb-disc-val{font-size:22px;font-weight:900;line-height:1}.pcb-disc-lbl{font-size:12px;font-weight:700;margin-top:2px}.pro-campaign-banner:after{animation:pcb-shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transform:skewX(-25deg);width:50%}@keyframes pcb-shimmer{0%{left:-100%}to{left:200%}}@media (max-width:768px){.pcb-content{flex-direction:column;text-align:center}.pcb-discount{height:60px;position:absolute;right:12px;top:12px;transform:rotate(10deg);width:60px}.pcb-disc-val{font-size:16px}.pcb-disc-lbl{font-size:10px}.pcb-title{font-size:20px;padding-left:60px}.pcb-claim-btn{width:100%}}.hero-section{background:var(--bg);padding:40px 40px 52px}.homepage-campaign-wrap{margin:0 auto 40px;max-width:1200px}.hero-content{align-items:center;display:flex;gap:40px;margin:0 auto;max-width:1200px}.hero-text{flex:1 1;max-width:500px}.hero-pill{align-items:center;background:#fff;border:1px solid var(--border);border-radius:20px;color:var(--blue);display:inline-flex;font-size:12px;gap:7px;margin-bottom:18px;padding:5px 14px}.hero-dot{background:#22c55e;border-radius:50%;flex-shrink:0;height:8px;width:8px}.hero-text h1{color:var(--dark);font-size:44px;font-weight:800;line-height:1.18;margin-bottom:14px}.hero-blue{color:var(--blue)}.hero-teal{color:var(--teal)}.hero-tagline{font-size:16px;font-weight:600;margin-bottom:10px}.hero-desc{color:var(--text-muted);font-size:13px;line-height:1.75;margin-bottom:22px}.hero-features{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:26px}.hfeat{color:var(--text-muted);gap:8px}.hfeat,.hfeat-icon{align-items:center;display:flex;font-size:13px}.hfeat-icon{background:var(--blue-light);border-radius:6px;flex-shrink:0;height:28px;justify-content:center;width:28px}.hero-btns{display:flex;flex-wrap:wrap;gap:12px}.hero-dashboard{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex:1 1;max-width:420px;overflow:hidden}@media (max-width:900px){.hero-dashboard{display:none}}.hero-float{animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(1deg)}to{transform:translateY(0) rotate(0deg)}}.dash-header{align-items:center;background:var(--blue);display:flex;justify-content:space-between;padding:14px 18px}.dash-title{color:#fff;font-size:13px;font-weight:700}.dash-sub{color:#ffffffbf;font-size:11px}.dash-body{padding:16px}.dash-stats-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:12px}.dstat{background:var(--bg);border-radius:8px;padding:12px;text-align:center}.dstat-num{color:var(--blue);font-size:22px;font-weight:800}.dstat-lbl{color:var(--text-muted);font-size:11px}.dash-courses{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.dcourse{align-items:center;background:var(--bg);border-radius:8px;display:flex;font-size:12px;font-weight:500;gap:8px;padding:8px 11px}.dc-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.dc-dot.red{background:#ef4444}.dc-dot.blue{background:var(--blue)}.dc-dot.teal{background:var(--teal)}.dcourse .badge{margin-right:auto}.dash-earn{align-items:center;background:var(--bg);border-radius:8px;display:flex;justify-content:space-between;padding:10px 14px}.earn-lbl{color:var(--text-muted);font-size:11px}.earn-val{color:var(--blue);font-size:15px;font-weight:800}.search-section{background:#fff;padding:52px 40px}.search-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);margin:0 auto;max-width:1200px;padding:24px 28px}.search-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.search-row .form-input{flex:1 1;min-width:160px}.subject-tags{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.subject-tag{background:#fff;border:1px solid var(--border);border-radius:16px;color:var(--blue);font-size:12px;padding:4px 13px;text-decoration:none;transition:background .2s}.tag-label{color:var(--text-muted);font-size:11px}.about-section{background:var(--bg);padding:52px 40px}.sec-inner{margin:0 auto;max-width:1200px}.sec-head{margin-bottom:36px}.about-card{text-align:center}.about-icon{align-items:center;background:var(--blue-light);border-radius:12px;display:flex;font-size:22px;height:48px;justify-content:center;margin:0 auto 12px;width:48px}.about-card h3{font-size:14px;font-weight:700;margin-bottom:6px}.about-card p{color:var(--text-muted);font-size:12px;line-height:1.65}.how-section{background:var(--bg);padding:52px 40px}.how-tab-label{display:block;font-size:15px;font-weight:700;margin:0 auto 6px;padding-bottom:5px;text-align:center;width:fit-content}.blue-label{border-bottom:2px solid var(--blue);color:var(--blue)}.teal-label{border-bottom:2px solid var(--teal);color:var(--teal)}.how-tab-sub{color:var(--text-muted);font-size:12px;margin-bottom:20px}.how-tab-sub,.step-card{text-align:center}.step-num{background:var(--blue);border-radius:50%;color:#fff;font-size:13px;font-weight:800;height:34px;width:34px}.step-icon,.step-num{align-items:center;display:flex;justify-content:center;margin:0 auto 10px}.step-icon{border-radius:12px;font-size:22px;height:50px;width:50px}.blue-ico{background:var(--blue-light)}.step-card h3{font-size:13px;font-weight:700;margin-bottom:5px}.step-card p{color:var(--text-muted);font-size:12px;line-height:1.65}.teacher-box{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:22px;padding:28px}.mini-step{background:var(--bg);border-radius:10px;padding:16px;text-align:center}.mini-num{align-items:center;background:var(--teal);border-radius:50%;color:#04342c;display:flex;font-size:12px;font-weight:800;height:30px;justify-content:center;margin:0 auto 8px;width:30px}.mini-icon{font-size:20px;margin-bottom:7px}.mini-step h3{font-size:12px;font-weight:700;margin-bottom:4px}.mini-step p{color:var(--text-muted);font-size:11px;line-height:1.55}.profit-strip{background:var(--blue);border-radius:var(--radius-lg);padding:22px 28px}.profit-nums,.profit-strip{align-items:center;display:flex;gap:24px}.profit-nums{flex-shrink:0}.pnum{text-align:center}.pn-big{color:#fff;font-size:32px;font-weight:800}.pn-lbl{color:#fffc;font-size:12px}.pdiv{background:#ffffff4d;flex-shrink:0;height:44px;width:1px}.profit-text{color:#ffffffe6;font-size:13px;line-height:1.7}.featured-section,.why-section{background:#fff;padding:52px 40px}.why-card{background:var(--bg);border-radius:var(--radius-lg);padding:20px;text-align:center}.why-icon{align-items:center;background:var(--blue-light);border-radius:11px;display:flex;font-size:20px;height:46px;justify-content:center;margin:0 auto 11px;width:46px}.why-card h3{font-size:13px;font-weight:700;margin-bottom:5px}.why-card p{color:var(--text-muted);font-size:12px;line-height:1.6}.more-strip{align-items:center;background:var(--blue);border-radius:var(--radius-lg);display:flex;gap:20px;justify-content:space-between;padding:24px 28px}.more-strip h3{color:#fff;font-size:16px;font-weight:800;margin-bottom:5px}.more-strip p{color:#fffc;font-size:12px;margin-bottom:10px}.more-tags{display:flex;flex-wrap:wrap;gap:6px}.more-tag{background:#ffffff2e;border-radius:14px;color:#fff;font-size:12px;padding:3px 11px}.growth-section{background:var(--bg);padding:52px 40px}.growth-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;text-align:center}.growth-num{align-items:center;background:var(--blue);border-radius:50%;color:#fff;display:flex;font-size:13px;font-weight:800;height:32px;justify-content:center;margin:0 auto 10px;width:32px}.growth-card h3{font-size:13px;font-weight:700;margin-bottom:5px}.growth-card p{color:var(--text-muted);font-size:12px;line-height:1.6}.pricing-section{background:var(--bg);padding:52px 40px}.pricing-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:860px}.pricing-card{position:relative;text-align:center}.pricing-card.popular{border:2px solid var(--blue)}.popular-badge{background:var(--blue);border-radius:12px;color:#fff;font-size:11px;font-weight:700;padding:3px 14px;position:absolute;right:50%;top:-12px;transform:translateX(50%);white-space:nowrap}.pricing-icon{align-items:center;background:var(--blue-light);border-radius:11px;display:flex;font-size:20px;height:46px;justify-content:center;margin:0 auto 12px;width:46px}.pricing-name{font-size:16px;font-weight:800;margin-bottom:4px}.pricing-desc{color:var(--text-muted);font-size:12px;margin-bottom:14px}.pricing-price{color:var(--blue);font-size:32px;font-weight:800;margin-bottom:4px}.pricing-price span{color:var(--text-muted);font-size:13px;font-weight:400}.pricing-features{display:flex;flex-direction:column;gap:7px;list-style:none;margin:16px 0;text-align:right}.pricing-features li{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:7px}.pcheck{color:var(--success);flex-shrink:0;font-weight:800}.faq-section{background:#fff;padding:52px 40px}.faq-list{margin:0 auto;max-width:720px}.faq-item{border-bottom:1px solid var(--border)}.faq-q{align-items:center;background:none;border:none;color:var(--text);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:10px;justify-content:space-between;padding:15px 0;text-align:right;width:100%}.faq-icon{color:var(--blue);flex-shrink:0;font-size:18px}.faq-a{line-height:1.75;padding:0 0 14px}@media (max-width:1024px){.hero-text h1{font-size:36px}.pricing-grid{max-width:100%}}@media (max-width:900px){.hero-section{padding:40px 20px}.hero-content{flex-direction:column;gap:28px}.hero-text{max-width:100%}.hero-text h1{font-size:32px}.hero-dashboard{max-width:100%;width:100%}.about-section,.faq-section,.featured-section,.growth-section,.how-section,.pricing-section,.search-section,.why-section{padding:36px 20px}.teacher-box{padding:20px 16px}.profit-strip{flex-direction:column;gap:16px;text-align:center}.profit-nums{justify-content:center;width:100%}.more-strip{flex-direction:column;gap:14px}.more-strip>.btn{align-self:flex-start}.pricing-grid{grid-template-columns:1fr 1fr;max-width:580px}.faq-list{max-width:100%}}@media (max-width:640px){.hero-text h1{font-size:26px}.hero-tagline{font-size:14px}.hero-features{gap:6px;grid-template-columns:1fr}.hero-btns{flex-direction:column;gap:10px}.hero-btns .btn{justify-content:center;width:100%}.search-box{padding:16px}.search-row{flex-direction:column}.about-section .grid-4,.why-section .grid-4{gap:12px;grid-template-columns:1fr 1fr}.growth-section .grid-3,.teacher-box .grid-4{grid-template-columns:1fr 1fr}.teacher-box .grid-4{gap:10px}.pricing-grid{grid-template-columns:1fr;margin:0 auto;max-width:360px}.faq-q{font-size:13px}}@media (max-width:400px){.hero-text h1{font-size:22px}.about-section .grid-4,.growth-section .grid-3,.teacher-box .grid-4,.why-section .grid-4{grid-template-columns:1fr}.about-section,.faq-section,.featured-section,.growth-section,.hero-section,.how-section,.pricing-section,.search-section,.why-section{padding:28px 14px}.profit-strip{padding:18px 16px}.pn-big{font-size:26px}}.purchase-notif{background:#fff;border:1px solid var(--border);border-radius:40px;bottom:30px;box-shadow:0 10px 30px #00000026;gap:12px;left:30px;max-width:300px;padding:12px 20px;position:fixed;z-index:1000}.pn-avatar,.purchase-notif{align-items:center;display:flex}.pn-avatar{background:var(--blue-light);border-radius:50%;font-size:18px;height:36px;justify-content:center;width:36px}.pn-text{color:var(--text);font-size:12px;line-height:1.4;text-align:right}.pn-text strong{color:var(--blue)}.pn-text span{color:var(--text-muted);font-weight:500}.social-proof-section{background:#fff;border-bottom:1px solid var(--border);border-top:1px solid var(--border);padding:60px 40px}.proof-grid{align-items:center;display:flex;gap:40px;justify-content:space-between}.proof-text{flex:1 1}.proof-text h2{font-size:32px;font-weight:800;margin-bottom:10px}.proof-text p{color:var(--text-muted);font-size:16px;margin-bottom:24px}.proof-avatars{align-items:center;display:flex}.p-avatar{background:#eee;border:3px solid #fff;border-radius:50%;height:44px;overflow:hidden;width:44px}.p-avatar img{height:100%;object-fit:cover;width:100%}.proof-stats{display:flex;gap:20px}.p-stat-box{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:20px 30px;text-align:center}.p-stat-val{color:var(--blue);font-size:28px;font-weight:800}.p-stat-lbl{color:var(--text-muted);font-size:12px;font-weight:600;margin-top:4px}.p-stat-main-lbl{color:var(--blue);font-weight:700;margin-right:100px}@media (max-width:768px){.p-stat-main-lbl{display:block;margin-right:0;margin-top:10px}.proof-grid{flex-direction:column;text-align:center}.proof-avatars{justify-content:center}.proof-text p{margin-bottom:30px}}.promo-section{padding:60px 40px}.promo-card{background:var(--blue-light);border:2px dashed var(--blue);border-radius:24px;padding:40px;text-align:center}.promo-badge{background:var(--blue);border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:800;margin-bottom:16px;padding:4px 12px}.promo-card h2{font-size:28px;font-weight:800;margin-bottom:12px}.promo-card p{color:var(--text-muted);font-size:16px;margin-bottom:24px}.promo-stores{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.promo-stores img{cursor:pointer;height:40px;transition:transform .2s}.promo-stores img:hover{transform:scale(1.05)}.stats-bar{background:var(--dark);padding:28px 40px}.stats-bar-inner{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px}.stat-bar-item{align-items:center;border-left:1px solid #ffffff14;cursor:default;display:flex;flex-direction:column;gap:4px;padding:16px;text-align:center;transition:background .2s}.stat-bar-item:first-child{border-left:none}.stat-bar-item:hover{background:#ffffff0a}.stat-bar-icon{font-size:22px;margin-bottom:2px}.stat-bar-num{font-feature-settings:"tnum";color:var(--blue);font-size:28px;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.stat-bar-lbl{color:#ffffff80;font-size:12px}.faq-a{animation:faqFadeIn .25s ease both;color:var(--text-muted);font-size:13px;line-height:1.8;padding:0 0 16px}@keyframes faqFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.faq-icon-btn{align-items:center;background:var(--blue-light);border-radius:50%;color:var(--blue);display:inline-flex;flex-shrink:0;font-size:20px;font-weight:800;height:28px;justify-content:center;transition:background .2s,color .2s,transform .25s;width:28px}.faq-icon-open{background:var(--blue);color:#fff;transform:rotate(45deg)}.subject-tag{transition:background .2s,transform .2s cubic-bezier(.22,1,.36,1),border-color .2s}.subject-tag:hover{background:var(--blue-light);border-color:var(--blue);transform:translateY(-2px)}.growth-card{transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s}.growth-card:hover{box-shadow:0 12px 32px #1a9bd526;transform:translateY(-5px)}.mini-step{transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s}.mini-step:hover{box-shadow:0 8px 24px #0dd4b826}.mini-step:hover,.pricing-card.popular{transform:translateY(-4px)}.pricing-card.popular:hover{box-shadow:0 20px 48px #1a9bd538;transform:translateY(-8px)}@media (max-width:900px){.stats-bar{padding:20px}.stats-bar-inner{gap:8px;grid-template-columns:repeat(2,1fr)}.stat-bar-item{border-bottom:1px solid #ffffff0f;border-left:none}.stat-bar-item:nth-child(2n){border-left:1px solid #ffffff0f}}@media (max-width:480px){.stats-bar-inner{grid-template-columns:repeat(2,1fr)}.stat-bar-num{font-size:22px}}.teachers-section{background:var(--bg);padding:52px 40px}.teachers-home-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.teacher-home-card{align-items:center;color:inherit;display:flex;flex-direction:column;gap:8px;padding:24px 16px 18px;text-align:center;text-decoration:none;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,border-color .25s}.teacher-home-card:hover{border-color:#1a9bd54d;box-shadow:0 16px 40px #1a9bd526;transform:translateY(-6px)}.thc-avatar-wrap{margin-bottom:4px;position:relative}.thc-avatar-img{border:3px solid var(--blue-light);border-radius:50%;height:72px;object-fit:cover;transition:border-color .25s;width:72px}.teacher-home-card:hover .thc-avatar-img{border-color:var(--blue)}.thc-avatar-ph{align-items:center;background:linear-gradient(135deg,var(--blue),var(--teal));border-radius:50%;color:#fff;display:flex;font-size:26px;font-weight:800;height:72px;justify-content:center;transition:transform .25s cubic-bezier(.22,1,.36,1);width:72px}.teacher-home-card:hover .thc-avatar-ph{transform:scale(1.07)}.thc-name{color:var(--text);font-size:14px;font-weight:800;transition:color .2s}.teacher-home-card:hover .thc-name{color:var(--blue)}.thc-rating{align-items:center;gap:5px}.thc-rating,.thc-subjects{display:flex;justify-content:center}.thc-subjects{flex-wrap:wrap;gap:4px}.thc-cta{background:var(--blue-light);border-radius:20px;color:var(--blue);font-size:12px;font-weight:700;margin-top:4px;padding:4px 14px;transition:background .2s,color .2s,transform .2s}.teacher-home-card:hover .thc-cta{background:var(--blue);color:#fff;transform:translateX(-3px)}.no-courses-placeholder{align-items:center;display:flex;flex-direction:column;gap:20px;padding:20px 0}.ncp-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);opacity:.35;width:100%}.ncp-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.ncp-thumb{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e8f5fc 25%,#d0ecf8 50%,#e8f5fc 75%);background-size:200% 100%;height:140px}.ncp-body{display:flex;flex-direction:column;gap:8px;padding:14px}.ncp-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e8f5fc 25%,#d0ecf8 50%,#e8f5fc 75%);background-size:200% 100%;border-radius:5px;height:10px}.ncp-line-sm{width:40%}.ncp-line-md{width:65%}.ncp-line-lg{width:90%}.ncp-avatar-ph{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e8f5fc 25%,#d0ecf8 50%,#e8f5fc 75%);background-size:200% 100%;border-radius:50%;height:64px;margin:0 auto;width:64px}.ncp-msg{color:var(--text-muted);font-size:14px;text-align:center}@media (max-width:900px){.teachers-section{padding:36px 20px}.teachers-home-grid{gap:14px}.ncp-grid,.teachers-home-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.teachers-home-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.ncp-grid{grid-template-columns:1fr}}@keyframes heartPulse{0%{transform:scale(1)}15%{transform:scale(1.4)}30%{transform:scale(1.2)}45%{transform:scale(1.4)}to{transform:scale(1)}}.heart-pulse-active{animation:heartPulse .45s cubic-bezier(.175,.885,.32,1.275);color:#ef4444!important}.stat-num-glow{text-shadow:0 0 15px #1a9bd566}.testimonials-section{background:#fff;padding:52px 40px}.testimonial-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.testi-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.testi-avatar{border-radius:50%;height:48px;object-fit:cover;width:48px}.testi-name{color:var(--text);font-size:14px;font-weight:800}.testi-role{color:var(--text-muted);font-size:11px}.testi-text{color:var(--text-muted);font-size:13px;font-style:italic;line-height:1.6;margin-bottom:12px}.testi-stars{font-size:10px}@media (max-width:640px){.testimonials-section{padding:36px 20px}.testimonials-section .grid-3{grid-template-columns:1fr}}.floating-whatsapp{align-items:center;background-color:#25d366;border-radius:50%;bottom:24px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;height:56px;justify-content:center;position:fixed;right:24px;text-decoration:none;transition:transform .3s,background-color .3s;width:56px;z-index:1000}.floating-whatsapp:hover{background-color:#128c7e;transform:scale(1.1)}.avatar-upload{align-items:center;display:flex;gap:16px}.au-sm .au-circle{font-size:18px;height:56px;width:56px}.au-md .au-circle{font-size:26px;height:80px;width:80px}.au-lg .au-circle{font-size:32px;height:100px;width:100px}.au-circle{background:linear-gradient(135deg,var(--blue),var(--teal));border:3px solid #1a9bd540;border-radius:50%;cursor:pointer;flex-shrink:0;overflow:hidden;position:relative;transition:border-color .2s,transform .2s cubic-bezier(.22,1,.36,1)}.au-circle:hover{border-color:var(--blue);transform:scale(1.04)}.au-img{display:block;height:100%;object-fit:cover;width:100%}.au-initials{color:#fff;font-weight:800;height:100%;width:100%}.au-initials,.au-overlay{align-items:center;display:flex;justify-content:center}.au-overlay{background:#0a162880;inset:0;opacity:0;position:absolute;transition:opacity .2s}.au-circle:hover .au-overlay{opacity:1}.au-camera{font-size:22px}.au-spinner{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:22px;width:22px}@keyframes spin{to{transform:rotate(1turn)}}.au-label{display:flex;flex-direction:column;gap:5px}.au-hint{color:var(--text-muted);font-size:11px}.banner-upload{border:2px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;height:120px;overflow:hidden;position:relative;transition:border-color .2s;width:100%}.banner-upload:hover{border-color:var(--blue)}.bu-preview{display:block;height:100%;object-fit:cover;width:100%}.bu-placeholder{align-items:center;background:linear-gradient(135deg,var(--blue-light),var(--teal-light));color:var(--text-muted);display:flex;flex-direction:column;font-size:13px;gap:4px;height:100%;justify-content:center;width:100%}.bu-placeholder span{font-size:28px}.bu-hint{font-size:11px}.bu-loading{background:#ffffffb3}.bu-loading,.bu-overlay{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.bu-overlay{background:#0a162873;color:#fff;font-size:13px;font-weight:700;opacity:0;transition:opacity .2s}.banner-upload:hover .bu-overlay{opacity:1}.subject-selector{position:relative;width:100%}.ss-trigger{align-items:center;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:8px;justify-content:space-between;min-height:44px;padding:10px 13px;transition:border-color .2s;-webkit-user-select:none;user-select:none;width:100%}.ss-trigger.ss-open,.ss-trigger:hover{border-color:var(--blue)}.ss-trigger.ss-open{box-shadow:0 0 0 3px #1a9bd51f}.ss-placeholder{color:var(--text-muted);font-size:13px}.ss-value{color:var(--text);font-size:13px;font-weight:600}.ss-tags{display:flex;flex:1 1;flex-wrap:wrap;gap:5px}.ss-tag{align-items:center;background:var(--blue-light);border-radius:12px;color:var(--blue);display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:2px 8px 2px 6px}.ss-tag-remove{background:none;border:none;color:var(--blue);cursor:pointer;font-size:14px;line-height:1;opacity:.7;padding:0}.ss-tag-remove:hover{opacity:1}.ss-arrow{color:var(--text-muted);flex-shrink:0;font-size:12px;transition:transform .2s}.ss-arrow-up{transform:rotate(180deg)}.ss-dropdown{animation:ssDropIn .18s cubic-bezier(.22,1,.36,1);background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 30px #0000001f;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}@keyframes ssDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.ss-search-wrap{border-bottom:1px solid var(--border);padding:8px}.ss-search{border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:13px;outline:none;padding:8px 12px;transition:border-color .2s;width:100%}.ss-search:focus{border-color:var(--blue)}.ss-list{max-height:220px;overflow-y:auto;padding:4px 0}.ss-list::-webkit-scrollbar{width:4px}.ss-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.ss-item{align-items:center;background:none;border:none;color:var(--text);cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:8px;padding:9px 14px;text-align:right;transition:background .12s;width:100%}.ss-item:hover{background:var(--bg)}.ss-item-selected{background:var(--blue-light);color:var(--blue);font-weight:700}.ss-item-selected:hover{background:#d4edf8}.ss-checkbox{flex-shrink:0;font-size:15px}.ss-check{color:var(--blue);font-weight:800;margin-right:auto}.ss-empty{color:var(--text-muted);font-size:13px;padding:14px;text-align:center}.ss-add-new{align-items:center;background:#fefce8;border:none;border-top:1px dashed #fde68a;color:#854d0e;cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:8px;padding:9px 14px;text-align:right;transition:background .12s;width:100%}.ss-add-new:hover{background:#fef3c7}.ss-add-icon{font-size:15px;font-weight:800}.ss-add-manual{background:var(--bg);border-top:1px solid var(--border);display:flex;gap:8px;padding:8px}.ss-add-manual .ss-search{flex:1 1}.skeleton-base{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#f0f4f8 25%,#e1e9f1 50%,#f0f4f8 75%);background-size:200% 100%;display:block}.skeleton-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);height:100%;overflow:hidden}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dashboard{background:var(--bg);min-height:100vh}.db-header{background:#fff;border-bottom:1px solid var(--border);padding:28px 40px}.db-header-inner{align-items:center;display:flex;gap:14px;justify-content:space-between;margin:0 auto;max-width:1200px}.db-header h1{font-size:22px;font-weight:800;margin-bottom:4px}.db-header p{color:var(--text-muted);font-size:13px}.db-body{margin:0 auto;max-width:1200px;padding:32px 40px}.db-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.db-tab{background:#fff;border:1px solid var(--border);border-radius:20px;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:9px 18px;transition:all .2s;white-space:nowrap}.db-tab:hover{border-color:var(--blue);color:var(--blue)}.db-tab.active{background:var(--blue);border-color:var(--blue);color:#fff}.db-stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.db-stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;text-align:center}.db-stat-icon{font-size:24px;margin-bottom:8px}.db-stat-num{color:var(--blue);font-size:26px;font-weight:800;margin-bottom:4px}.db-stat-lbl{color:var(--text-muted);font-size:12px}.db-section-title{font-size:20px;font-weight:800;margin-bottom:18px}.db-table{border-collapse:collapse;font-size:13px;width:100%}.db-table th{background:var(--bg);color:var(--text-muted);font-size:12px;font-weight:700;text-align:right}.db-table td,.db-table th{border-bottom:1px solid var(--border);padding:10px 14px}.db-table td{vertical-align:middle}.db-table tr:last-child td{border-bottom:none}.db-table tr:hover td{background:var(--bg)}.db-empty{padding:60px 0}.db-empty h3{font-size:18px;margin:12px 0 6px}.db-empty p{font-size:13px}.enroll-thumb img{flex-shrink:0;height:80px;width:80px}@media (max-width:900px){.db-header{padding:20px}.db-header-inner{flex-wrap:wrap}.db-body{padding:20px}.db-stats-row{gap:12px;grid-template-columns:repeat(2,1fr)}.db-tabs{gap:6px}.db-tab{font-size:12px;padding:8px 13px}}@media (max-width:640px){.enrollment-card{align-items:flex-start;flex-direction:column}.enroll-thumb img,.enroll-thumb-ph{height:160px!important;width:100%!important}.enroll-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;width:100%}.enroll-actions .btn{justify-content:center;width:100%}.db-stat-num{font-size:22px}.db-table{display:block;overflow-x:auto}}.enrollments-list{display:flex;flex-direction:column;gap:14px}.enrollment-card{align-items:center;display:flex;gap:16px}.enroll-thumb{flex-shrink:0}.enroll-thumb img{display:block;object-fit:cover}.enroll-thumb img,.enroll-thumb-ph{border-radius:10px;height:65px;width:90px}.enroll-thumb-ph{align-items:center;background:var(--blue-light);display:flex;font-size:28px;justify-content:center}.enroll-body{flex:1 1;min-width:0}.enroll-title{font-size:15px;font-weight:700;margin-bottom:4px}.enroll-actions{flex-shrink:0;text-align:center}.create-course-wrap{max-width:720px}.form-section-title{border-bottom:1px solid var(--border);font-size:16px;font-weight:800;margin-bottom:18px;padding-bottom:10px}.approval-notice{align-items:flex-start;background:#fef3c7;border:1px solid #fde68a;color:#854d0e;display:flex;gap:10px;line-height:1.6;margin-bottom:20px;padding:12px 16px}.approval-notice,.lessons-empty{border-radius:var(--radius-md);font-size:13px}.lessons-empty{background:var(--bg);color:var(--text-muted);padding:28px;text-align:center}.lessons-builder-list{display:flex;flex-direction:column;gap:12px}.lesson-builder-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px}.lesson-builder-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.lesson-builder-num{background:var(--blue);border-radius:50%;color:#fff;font-weight:800;height:26px;justify-content:center;width:26px}.free-toggle,.lesson-builder-num{align-items:center;display:flex;flex-shrink:0;font-size:12px}.free-toggle{font-weight:600;gap:5px;white-space:nowrap}.free-toggle,.free-toggle input{cursor:pointer}.lesson-upload-area{margin-top:4px}.video-upload-btn{align-items:center;background:#fff;border:2px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:14px;padding:14px 18px;transition:all .2s}.video-upload-btn:hover{background:var(--blue-light);border-color:var(--blue)}.upload-success{align-items:center;background:#dcfce7;border:1px solid #bbf7d0;border-radius:var(--radius-md);color:#15803d;display:flex;font-size:13px;font-weight:600;gap:10px;padding:10px 14px}.upload-duration{background:#fff;border-radius:6px;font-size:11px;padding:2px 8px}.upload-progress-wrap{padding:10px 0}.upload-progress-label{color:var(--text-muted);font-size:12px;margin-bottom:6px}.upload-progress-bar{background:var(--border);border-radius:3px;height:6px;overflow:hidden;width:100%}.upload-progress-fill{background:var(--blue);border-radius:3px;height:100%;transition:width .3s}.yt-player-wrap{background:#000;border-radius:var(--radius-md);overflow:hidden;padding-top:56.25%;position:relative;user-select:none;-webkit-user-select:none;width:100%}.yt-player-wrap iframe{border:none;height:100%;inset:0;pointer-events:auto;position:absolute;width:100%}.yt-shield{background:#0000;inset:0;position:absolute;z-index:10}.yt-bottom-bar{background:linear-gradient(#0000,#00000080);bottom:0;height:40px;left:0;pointer-events:none;position:absolute;right:0;z-index:11}@media (max-width:900px){.db-header{padding:20px}.db-header-inner{flex-wrap:wrap}.db-body{padding:20px}.db-stats-row{gap:12px;grid-template-columns:repeat(2,1fr)}.db-tabs{gap:6px}.db-tab{font-size:12px;padding:8px 13px}.create-course-wrap{max-width:100%}}@media (max-width:640px){.enrollment-card{align-items:flex-start;flex-direction:column}.enroll-actions{width:100%}.enroll-actions .btn{justify-content:center;width:100%}.db-stat-num{font-size:22px}.db-table{display:block;overflow-x:auto}.lesson-builder-header{gap:6px}.grid-2{grid-template-columns:1fr}}@media (max-width:400px){.db-stats-row{gap:10px;grid-template-columns:1fr 1fr}.db-stat-card{padding:14px 10px}.db-header h1{font-size:18px}.db-body{padding:14px}}.dashboard{animation:pageIn .45s cubic-bezier(.22,1,.36,1) both}.db-stat-card{transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,border-color .22s}.db-stat-card:hover{border-color:#1a9bd540;box-shadow:0 10px 28px #1a9bd51f;transform:translateY(-4px)}.db-stat-card:hover .db-stat-num{color:var(--blue)}.db-tab{transition:all .18s cubic-bezier(.22,1,.36,1)}.db-tab:hover{transform:translateY(-1px)}.enrollment-card{transition:box-shadow .2s,border-color .2s,transform .2s}.enrollment-card:hover{border-color:#1a9bd533;box-shadow:0 8px 24px #1a9bd51a;transform:translateY(-2px)}.lesson-builder-item{transition:box-shadow .2s,border-color .2s}.lesson-builder-item:hover{border-color:var(--blue);box-shadow:0 4px 14px #1a9bd51a}.video-upload-btn{transition:all .2s cubic-bezier(.22,1,.36,1)}.video-upload-btn:hover{transform:translateY(-2px)}.teacher-courses-list{display:flex;flex-direction:column;gap:14px}.teacher-course-card{align-items:flex-start;display:flex;gap:16px}.tcc-thumb{border-radius:10px;flex-shrink:0;height:70px;overflow:hidden;width:100px}.tcc-thumb img{height:100%;object-fit:cover;width:100%}.tcc-thumb-ph{align-items:center;background:var(--blue-light);color:var(--blue);display:flex;font-size:28px;font-weight:800;height:100%;justify-content:center;width:100%}.tcc-body{flex:1 1;min-width:0}.tcc-title{font-size:15px;font-weight:700;margin-bottom:8px}.tcc-actions{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.profile-avatar-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:14px;padding-bottom:16px}@media (max-width:600px){.teacher-course-card{flex-direction:column}.tcc-thumb{height:140px;width:100%}.tcc-actions{flex-direction:row;width:100%}}.lesson-video-options{display:flex;flex-direction:column;gap:10px}.video-or-divider{color:var(--text-muted);font-size:12px;position:relative;text-align:center}.video-or-divider:after,.video-or-divider:before{background:var(--border);content:"";height:1px;position:absolute;top:50%;width:calc(50% - 20px)}.video-or-divider:before{right:0}.video-or-divider:after{left:0}.direct-url-input{display:flex;flex-direction:column}.auth-page{align-items:center;background:var(--bg);display:flex;justify-content:center;min-height:calc(100vh - 64px);padding:40px 20px}.auth-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);max-width:440px;padding:36px;width:100%}.auth-logo{color:var(--blue);display:block;font-size:26px;margin-bottom:20px;text-decoration:none}.auth-logo,.auth-title{font-weight:800;text-align:center}.auth-title{font-size:22px;margin-bottom:6px}.auth-sub{color:var(--text-muted);font-size:13px;margin-bottom:22px;text-align:center}.role-toggle{border:1px solid var(--border);border-radius:var(--radius-md);display:flex;margin-bottom:20px;overflow:hidden}.role-btn{background:#fff;border:none;color:var(--text-muted);cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;font-weight:600;padding:10px;transition:all .2s}.role-btn.active{background:var(--blue);color:#fff}.google-btn{align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:600;gap:10px;justify-content:center;margin-bottom:16px;padding:11px;transition:background .2s;width:100%}.google-btn:hover{background:var(--bg)}.auth-divider{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:12px;margin-bottom:16px}.auth-divider:after,.auth-divider:before{background:var(--border);content:"";flex:1 1;height:1px}.teacher-note{background:#fef3c7;border:1px solid #fde68a;border-radius:var(--radius-md);color:#854d0e;display:flex;font-size:12px;gap:8px;line-height:1.6;margin-bottom:16px;padding:12px}.auth-switch{color:var(--text-muted);font-size:13px;margin-top:20px;text-align:center}.auth-link-btn,.auth-switch a{background:none;border:none;color:var(--blue);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:0;text-decoration:none}.auth-link-btn:hover{text-decoration:underline}@media (max-width:480px){.auth-page{align-items:flex-start;padding:24px 14px}.auth-card{padding:24px 18px}.auth-title{font-size:19px}}.courses-page{min-height:100vh}.courses-header{background:var(--bg);border-bottom:1px solid var(--border);padding:40px}.courses-header-inner{margin:0 auto;max-width:1200px}.courses-header h1{font-size:28px;font-weight:800;margin-bottom:6px}.courses-header p{color:var(--text-muted);font-size:14px}.courses-body{margin:0 auto;max-width:1200px;padding:32px 40px}.courses-filters{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.search-input{width:100%}.filter-section{display:flex;flex-direction:column;gap:8px}.filter-section-header{align-items:center;display:flex;justify-content:space-between}.filter-section-label{color:var(--text-muted);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.subject-pill{transition:all .2s cubic-bezier(.22,1,.36,1)}.subject-pill:hover{box-shadow:0 4px 12px #1a9bd52e;transform:translateY(-2px)}.subject-pill.active{box-shadow:0 4px 14px #1a9bd54d}.grade-toggle-btn{background:none;border:1px solid var(--border);border-radius:20px;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:4px 12px;transition:all .2s}.grade-toggle-btn:hover{border-color:var(--blue);color:var(--blue)}.active-grade-badge{align-items:center;background:#e8f7fd;background:var(--blue-light,#e8f7fd);border:1px solid #1a9bd533;border-radius:20px;color:var(--blue);display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:5px 12px}.active-grade-badge button{background:none;border:none;color:var(--blue);cursor:pointer;font-size:12px;line-height:1;padding:0}.grade-stages{background:#fff;background:var(--surface,#fff);border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md,12px);box-shadow:0 4px 20px #00000012;display:none;flex-direction:column;gap:14px;padding:16px}.grade-stages.open{display:flex}.grade-stage{display:flex;flex-direction:column;gap:6px}.grade-stage-label{align-items:center;color:var(--text-muted);display:flex;font-size:12px;font-weight:800;gap:6px;letter-spacing:.4px;text-transform:uppercase}.grade-pills{display:flex;flex-wrap:wrap;gap:6px}.grade-pill{background:#f7f9fc;background:var(--bg,#f7f9fc);border:1px solid var(--border);border-radius:20px;color:var(--text);cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:5px 14px;transition:all .18s}.grade-pill:hover{color:#0dd4b8;color:var(--teal,#0dd4b8);transform:translateY(-1px)}.grade-pill.active,.grade-pill:hover{border-color:#0dd4b8;border-color:var(--teal,#0dd4b8)}.grade-pill.active{background:#0dd4b8;background:var(--teal,#0dd4b8);color:#fff}.clear-filters-btn{align-self:flex-start;background:none;border:1px solid #fca5a5;border-radius:20px;color:#dc2626;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:5px 14px;transition:all .2s}.clear-filters-btn:hover{background:#fee2e2}.active-filters-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.filter-chip{align-items:center;background:#e8f7fd;background:var(--blue-light,#e8f7fd);border:1px solid #1a9bd533;border-radius:20px;color:var(--blue);display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:4px 12px}.filter-chip-grade{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.filter-chip button{background:none;border:none;color:inherit;cursor:pointer;font-size:11px;padding:0}.results-info{color:var(--text-muted);font-size:13px;margin-bottom:20px}.courses-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.pagination{align-items:center;color:var(--text-muted);font-size:13px;gap:16px;margin-top:32px}.courses-loading,.pagination{display:flex;justify-content:center}.courses-loading{padding:80px 0}.courses-page{animation:pageIn .45s cubic-bezier(.22,1,.36,1) both}@media (max-width:900px){.courses-header{padding:28px 20px}.courses-body{padding:24px 20px}}@media (max-width:560px){.courses-header h1{font-size:22px}.courses-body{padding:18px 14px}.grade-pill{font-size:11px;padding:4px 10px}}.pdf-attachments{border-top:1px solid var(--border);margin-top:24px;padding-top:18px}.pdf-loading{display:flex;justify-content:center;padding:16px 0}.pdf-header{gap:10px;justify-content:space-between;margin-bottom:12px}.pdf-header,.pdf-title{align-items:center;display:flex}.pdf-title{font-size:15px;font-weight:700;gap:8px}.pdf-count{background:#e8f7fd;background:var(--blue-light,#e8f7fd);border-radius:20px;color:#1a9bd5;color:var(--blue,#1a9bd5);font-size:11px;font-weight:700;padding:1px 7px}.pdf-upload-form{background:#f7f9fc;background:var(--bg,#f7f9fc);border:1.5px dashed var(--border);border-radius:12px;border-radius:var(--radius-md,12px);display:flex;flex-direction:column;gap:10px;margin-bottom:14px;padding:14px}.pdf-file-label{align-items:center;background:#e8f7fd;background:var(--blue-light,#e8f7fd);border:1.5px dashed #1a9bd5;border:1.5px dashed var(--blue,#1a9bd5);border-radius:8px;border-radius:var(--radius-sm,8px);color:#1a9bd5;color:var(--blue,#1a9bd5);cursor:pointer;display:flex;font-size:13px;font-weight:600;justify-content:center;padding:11px;transition:background .2s}.pdf-file-label:hover{background:#d4effa}.pdf-prog-wrap{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:8px}.pdf-prog-bar{background:#1a9bd5;background:var(--blue,#1a9bd5);border-radius:3px;flex:1 1;height:5px;transition:width .3s ease}.pdf-empty{color:var(--text-muted);font-size:13px;padding:14px 0;text-align:center}.pdf-list{display:flex;flex-direction:column;gap:8px}.pdf-item{align-items:center;background:#fff;background:var(--surface,#fff);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm,8px);display:flex;gap:10px;padding:10px 12px;transition:border-color .2s}.pdf-item:hover{border-color:#1a9bd54d}.pdf-item-icon{flex-shrink:0;font-size:20px}.pdf-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.pdf-item-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-item-size{color:var(--text-muted);font-size:11px}.pdf-item-actions{display:flex;flex-shrink:0;gap:7px}.pdf-del-btn{background:#0000;border:1px solid #e53e3e;color:#e53e3e}.pdf-del-btn:hover{background:#fff5f5}@media (max-width:480px){.pdf-item{flex-wrap:wrap}.pdf-item-actions{justify-content:flex-end;width:100%}}.course-detail{background:#f7f9fc;background:var(--bg,#f7f9fc);min-height:100vh}.cd-loader{display:flex;justify-content:center;padding:80px 0}.cd-notfound{padding:80px 40px;text-align:center}.cd-banner-wrap{background:linear-gradient(135deg,#0a1628,#0d2a52);height:300px;overflow:hidden;position:relative;width:100%}.cd-banner-img{display:block;height:100%;object-fit:cover;object-position:center;transition:transform 6s ease;width:100%}.cd-banner-wrap:hover .cd-banner-img{transform:scale(1.04)}.cd-banner-overlay{background:linear-gradient(180deg,#0a16284d 0,#0a1628a6 55%,#0a1628f2);inset:0;position:absolute}.cd-banner-ph{background:linear-gradient(135deg,#0a1628,#0d2a52);height:100%;overflow:hidden;position:relative;width:100%}.cd-banner-ph:before{background-image:linear-gradient(#1a9bd514 1px,#0000 0),linear-gradient(90deg,#1a9bd514 1px,#0000 0);background-size:48px 48px;content:"";inset:0;position:absolute}.cd-banner-ph:after{background:radial-gradient(ellipse at 40% 60%,#1a9bd533 0,#0000 65%);content:"";inset:0;position:absolute}.cd-mini-campaign-bar{margin:20px auto 0;max-width:1180px;padding:0 40px}.cmc-inner{align-items:center;background:linear-gradient(90deg,#fef3c7,#fffbeb);border:1.5px dashed #f59e0b;border-radius:12px;display:flex;gap:12px;padding:12px 20px}.cmc-urgent{background:#f59e0b;border-radius:6px;color:#fff;font-size:11px;font-weight:800;padding:2px 8px;text-transform:uppercase}.cmc-text{color:#92400e;font-size:13px;font-weight:600}.cd-hero{margin-top:-110px;padding:0 40px;position:relative;z-index:2}.cd-hero-inner{align-items:flex-end;display:flex;gap:32px;margin:0 auto;max-width:1180px}.cd-hero-text{background:linear-gradient(135deg,#0a1628,#0d2a52);border-radius:10px;color:#fff;flex:1 1;padding:20px;text-align:right}.cd-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.cd-hero-text h1{color:#fff;font-size:30px;font-weight:800;line-height:1.25;margin-bottom:10px;text-shadow:0 2px 12px #0009,0 1px 3px #000c}.cd-desc{color:#ffffffe0;font-size:14px;line-height:1.8;margin-bottom:16px;max-width:620px;text-shadow:0 1px 4px #00000080}.cd-meta{align-items:center;color:#ffffffeb;display:flex;flex-wrap:wrap;font-size:13px;gap:10px;text-shadow:0 1px 3px #00000080}.cd-meta .stars{color:#fbbf24;letter-spacing:1px}.cd-meta-sep{opacity:.4}.cd-share-viral{align-items:center;display:flex;gap:6px}.btn-viral-share{align-items:center;background:#fff;border:1px solid var(--border);border-radius:50%;display:flex;height:24px;justify-content:center;transition:transform .2s;width:24px}.btn-viral-share:hover{transform:scale(1.15)}.badge-live-count{align-items:center;background:#0000004d;color:#fff;display:flex;font-size:11px;gap:6px}.live-dot{animation:badge-pulse 1.5s infinite;background:#22c55e;border-radius:50%;height:6px;width:6px}.cd-teacher-info{align-items:center;display:flex;gap:7px}.cd-teacher-avatar{border:1.5px solid #ffffff80;border-radius:50%;height:24px;object-fit:cover;width:24px}.cd-teacher-link{color:#5ee7d4;font-weight:700;text-decoration:none;text-shadow:0 1px 3px #00000080}.cd-teacher-link:hover{text-decoration:underline}.cd-enroll-card{background:#fff;border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 12px 40px #00000040,0 3px 8px #0000001a;flex-shrink:0;margin-bottom:-28px;overflow:hidden;width:296px}.cd-enroll-card:hover{box-shadow:0 20px 55px #1a9bd533,0 6px 16px #0000001f}.cd-thumb{display:block;object-fit:cover}.cd-thumb,.cd-thumb-ph{height:165px;width:100%}.cd-thumb-ph{align-items:center;background:linear-gradient(135deg,#e8f7fd,#e6fdf9);background:linear-gradient(135deg,var(--blue-light,#e8f7fd),var(--teal-light,#e6fdf9));display:flex;font-size:52px;justify-content:center;opacity:.6}.cd-enroll-body{padding:18px}.cd-price{margin-bottom:14px}.price-free{color:#16a34a;color:var(--success,#16a34a);font-size:24px;font-weight:800}.price-paid{color:#1a9bd5;color:var(--blue,#1a9bd5);font-size:28px;font-weight:800}.enroll-note{color:#718096;color:var(--text-muted,#718096);font-size:11px;margin-top:9px;text-align:center}.cd-includes{display:flex;flex-direction:column;gap:7px;margin-top:14px;padding-top:14px}.cd-includes,.payment-methods-preview{border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0);color:#718096;color:var(--text-muted,#718096);font-size:12px}.payment-methods-preview{margin-top:12px;padding-top:12px}.pm-icons{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.pm-icon{background:#f7f9fc;background:var(--bg,#f7f9fc);border-radius:6px;font-size:11px;padding:3px 8px}.enrolled-badge{background:#dcfce7;border:1px solid #bbf7d0;border-radius:12px;border-radius:var(--radius-md,12px);color:#15803d;font-size:13px;font-weight:700;margin-bottom:14px;padding:10px 14px;text-align:center}.cd-body{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 296px;margin:0 auto;max-width:1180px;padding:58px 40px 60px}.cd-main{min-width:0}.cd-section{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:16px;border-radius:var(--radius-lg,16px);margin-bottom:22px;padding:26px}.cd-section-title{align-items:center;border-bottom:2px solid #e8f7fd;border-bottom:2px solid var(--blue-light,#e8f7fd);color:#1a202c;color:var(--text,#1a202c);display:flex;font-size:17px;font-weight:800;gap:8px;margin-bottom:18px;padding-bottom:12px}.cd-section-count{color:#718096;color:var(--text-muted,#718096);font-size:13px;font-weight:600;margin-right:auto}.lessons-list{display:flex;flex-direction:column;gap:8px}.lesson-item{border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--radius-md,12px);overflow:hidden}.lesson-item:hover{border-color:#1a9bd559}.lesson-item.lesson-open{border-color:#1a9bd5;border-color:var(--blue,#1a9bd5);box-shadow:0 4px 16px #1a9bd51a}.lesson-header{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;font-family:inherit;gap:12px;padding:13px 16px;text-align:right;transition:background .15s;width:100%}.lesson-header:hover{background:#f7f9fc;background:var(--bg,#f7f9fc)}.lesson-num{align-items:center;background:#e8f7fd;background:var(--blue-light,#e8f7fd);border-radius:50%;color:#1a9bd5;color:var(--blue,#1a9bd5);display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.lesson-open .lesson-num{background:#1a9bd5;background:var(--blue,#1a9bd5);color:#fff}.lesson-title{color:#1a202c;color:var(--text,#1a202c);flex:1 1;font-size:13px;font-weight:600;text-align:right}.lesson-meta{align-items:center;color:#718096;color:var(--text-muted,#718096);display:flex;flex-shrink:0;font-size:12px;gap:6px}.lesson-lock{font-size:14px}.lesson-chevron{color:#718096;color:var(--text-muted,#718096);font-size:11px}.lesson-video{background:#000;padding:0}.lesson-locked{background:#f7f9fc;background:var(--bg,#f7f9fc);color:#718096;color:var(--text-muted,#718096);font-size:13px;padding:14px 16px;text-align:center}.lesson-pdfs{background:#f8fafc;border-top:1px dashed #e2e8f0;border-top:1px dashed var(--border,#e2e8f0);padding:12px 16px 14px}.lesson-pdfs-title{color:#718096;color:var(--text-muted,#718096);font-size:12px;font-weight:700;margin-bottom:8px}.lesson-pdfs-list{display:flex;flex-direction:column;gap:7px}.lesson-pdf-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;color:inherit;display:flex;gap:10px;padding:9px 12px;text-decoration:none;transition:border-color .15s,transform .15s}.lesson-pdf-item:hover{border-color:#1a9bd5;border-color:var(--blue,#1a9bd5);transform:translateX(-2px)}.lesson-pdf-icon{flex-shrink:0;font-size:18px}.lesson-pdf-name{color:#1a202c;color:var(--text,#1a202c);flex:1 1;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-pdf-size{color:#718096;color:var(--text-muted,#718096);flex-shrink:0;font-size:11px}.lesson-pdf-dl{background:#e8f7fd;background:var(--blue-light,#e8f7fd);border-radius:20px;color:#1a9bd5;color:var(--blue,#1a9bd5);flex-shrink:0;font-size:11px;font-weight:700;padding:3px 9px;white-space:nowrap}.lesson-pdf-item:hover .lesson-pdf-dl{background:#1a9bd5;background:var(--blue,#1a9bd5);color:#fff}.review-form{background:#f7f9fc;background:var(--bg,#f7f9fc);border-radius:12px;border-radius:var(--radius-md,12px);margin-bottom:20px;padding:20px}.star-picker{display:flex;flex-direction:row-reverse;gap:3px;margin-bottom:4px}.reviews-list{display:flex;flex-direction:column;gap:14px;margin-top:16px}.review-item{border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--radius-md,12px);padding:16px}.review-item:hover{box-shadow:0 4px 14px #0000000f;transform:translateX(-3px)}.review-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.review-comment{color:#718096;color:var(--text-muted,#718096);font-size:13px;line-height:1.7}.teacher-info{align-items:center;display:flex;gap:18px;padding:4px 0}.teacher-info-avatar{border:3px solid #e8f7fd;border:3px solid var(--blue-light,#e8f7fd);border-radius:50%;flex-shrink:0;height:64px;object-fit:cover;width:64px}.teacher-info-name{color:#1a202c;color:var(--text,#1a202c);font-size:17px;font-weight:700;margin-bottom:6px}.announcements-list{display:flex;flex-direction:column;gap:12px}.announcement-item{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);padding:16px;transition:transform .2s}.announcement-item:hover{transform:translateY(-2px)}.announcement-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.announcement-title{color:#1a9bd5;color:var(--blue,#1a9bd5);font-size:15px;font-weight:700}.announcement-date{color:#718096;color:var(--text-muted,#718096);font-size:11px}.announcement-content{color:#1a202c;color:var(--text,#1a202c);font-size:13px;line-height:1.6;white-space:pre-wrap}.pay-modal-overlay{align-items:center;animation:fadeIn .25s ease both;background:#00000094;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:999}.pay-modal{animation:slideUp .3s cubic-bezier(.22,1,.36,1) both;background:#fff;border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 20px 60px #00000040;max-width:420px;padding:28px;width:100%}.pay-modal-title{color:#1a202c;color:var(--text,#1a202c);font-size:18px;font-weight:800;margin-bottom:6px}.pay-modal-sub{color:#718096;color:var(--text-muted,#718096);font-size:13px;margin-bottom:20px}.pay-method-row{display:flex;gap:8px;margin-bottom:16px}.pay-method-btn{background:#fff;border:1.5px solid #e2e8f0;border:1.5px solid var(--border,#e2e8f0);border-radius:12px;border-radius:var(--radius-md,12px);color:#1a202c;color:var(--text,#1a202c);cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;font-weight:600;padding:10px 14px;text-align:center;transition:all .2s}.pay-method-btn:hover{color:#1a9bd5;color:var(--blue,#1a9bd5)}.pay-method-btn.active,.pay-method-btn:hover{border-color:#1a9bd5;border-color:var(--blue,#1a9bd5)}.pay-method-btn.active{background:#1a9bd5;background:var(--blue,#1a9bd5);color:#fff}.pay-iframe{border:none;border-radius:12px;border-radius:var(--radius-md,12px);height:500px;margin-top:8px;width:100%}.course-detail{animation:pageIn .45s cubic-bezier(.22,1,.36,1) both}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cd-enroll-card{transition:box-shadow .3s}.lesson-item{transition:border-color .2s,box-shadow .2s}.review-item{transition:transform .2s,box-shadow .2s}.pay-method-btn{transition:all .2s cubic-bezier(.22,1,.36,1)}@media (max-width:960px){.cd-banner-wrap{height:240px}.cd-hero{margin-top:-80px;padding:0 20px}.cd-hero-inner{align-items:stretch;flex-direction:column;gap:0}.cd-hero-text{padding-bottom:20px}.cd-hero-text h1{font-size:24px}.cd-enroll-card{margin-bottom:0;width:100%}.cd-body{gap:0;grid-template-columns:1fr;padding:28px 20px}.cd-aside{display:none}#mobile-enroll{display:block!important}}@media (max-width:560px){.cd-banner-wrap{height:180px}.cd-hero{margin-top:-60px;padding:0 14px}.cd-hero-text h1{font-size:20px}.cd-section{padding:16px}.lesson-pdf-size{display:none}.pay-modal{padding:18px}.pay-iframe{height:400px}}.teachers-page{background:var(--bg);min-height:100vh}.teachers-header{background:var(--dark);padding:40px}.teachers-header-inner{margin:0 auto;max-width:1200px}.teachers-header h1{color:#fff;font-size:28px;font-weight:800;margin-bottom:6px}.teachers-header p{color:#fff9;font-size:14px}.teachers-body{margin:0 auto;max-width:1200px;padding:32px 40px}.teachers-filters{margin-bottom:28px}.subject-pills{display:flex;flex-wrap:wrap;gap:8px}.subject-pill{background:#fff;border:1px solid var(--border);border-radius:20px;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:6px 16px;transition:all .18s;white-space:nowrap}.subject-pill:hover{border-color:var(--blue);color:var(--blue)}.subject-pill.active{background:var(--blue);border-color:var(--blue);color:#fff}.teachers-loading{font-size:14px;gap:14px;padding:80px 0}.teachers-error,.teachers-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column}.teachers-error{gap:12px;padding:60px 0;text-align:center}.teachers-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.teacher-card{animation:cardFadeUp .4s ease both;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,border-color .22s}.teacher-card:hover{border-color:#1a9bd54d;box-shadow:0 14px 36px #1a9bd524;transform:translateY(-5px)}.tc-banner{height:80px;overflow:hidden}.tc-banner-img{height:100%;object-fit:cover;transition:transform .4s;width:100%}.teacher-card:hover .tc-banner-img{transform:scale(1.06)}.tc-banner-ph{background:linear-gradient(135deg,var(--blue-light),var(--teal-light));height:100%;width:100%}.tc-avatar-wrap{height:64px;margin:-32px auto 10px;position:relative;width:64px;z-index:2}.tc-avatar-img{object-fit:cover}.tc-avatar-img,.tc-avatar-ph{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001f;height:64px;width:64px}.tc-avatar-ph{align-items:center;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;display:flex;font-size:24px;font-weight:800;justify-content:center;transition:transform .25s cubic-bezier(.22,1,.36,1)}.teacher-card:hover .tc-avatar-ph{transform:scale(1.07)}.tc-body{flex:1 1;padding:0 16px 14px;text-align:center}.tc-name{color:var(--text);font-size:15px;font-weight:800;margin-bottom:5px;transition:color .2s}.teacher-card:hover .tc-name{color:var(--blue)}.tc-rating{align-items:center;display:flex;gap:5px;justify-content:center;margin-bottom:7px}.tc-reviews{font-size:11px}.tc-bio,.tc-reviews{color:var(--text-muted)}.tc-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:12px;line-height:1.6;margin-bottom:10px;overflow:hidden}.tc-subjects{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-bottom:8px}.tc-price{color:var(--blue);font-size:13px;font-weight:700}.tc-footer{border-top:1px solid var(--border);padding:12px 16px;text-align:center}.tc-cta{background:var(--blue-light);border-radius:20px;color:var(--blue);display:inline-block;font-size:12px;font-weight:700;padding:5px 16px;transition:background .2s,color .2s,transform .2s}.teacher-card:hover .tc-cta{background:var(--blue);color:#fff;transform:translateX(-3px)}.tc-socials span{cursor:help;font-size:16px;transition:transform .2s}.tc-socials span:hover{transform:scale(1.2)}.tc-title-role{background:var(--blue-light);border-radius:4px;display:inline-block;padding:2px 8px}@media (max-width:900px){.teachers-header{padding:28px 20px}.teachers-body{padding:24px 20px}}@media (max-width:560px){.teachers-header h1{font-size:22px}.teachers-body{padding:18px 14px}}.teacher-profile-page{background:var(--bg);min-height:100vh}.tp-loading,.tp-not-found{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh;text-align:center}.tp-not-found h2{color:var(--text);font-size:22px;font-weight:700}.tp-banner-wrap{height:220px;overflow:hidden;position:relative}.tp-banner-img{height:100%;object-fit:cover;width:100%}.tp-banner-ph{background:linear-gradient(135deg,#0a1628,#0d3060);background:linear-gradient(135deg,var(--dark,#0a1628) 0,#0d3060 100%);height:100%;width:100%}.tp-banner-overlay{background:linear-gradient(180deg,#0000 40%,#0a1628bf);inset:0;position:absolute}.tp-hero{background:#0a1628;background:var(--dark,#0a1628);margin-top:-2px;padding:0 40px 36px;position:relative}.tp-hero:before{background-image:linear-gradient(#1a9bd50d 1px,#0000 0),linear-gradient(90deg,#1a9bd50d 1px,#0000 0);background-size:40px 40px;content:"";inset:0;pointer-events:none;position:absolute}.tp-hero-inner{align-items:flex-end;display:flex;flex-wrap:wrap;gap:28px;margin:0 auto;max-width:1000px;padding-top:0;position:relative;z-index:1}.tp-avatar-wrap{flex-shrink:0;margin-top:-56px;position:relative}.tp-avatar{align-items:center;background:linear-gradient(135deg,#1a9bd5,#0dd4b8);background:linear-gradient(135deg,var(--blue,#1a9bd5),var(--teal,#0dd4b8));border:4px solid #0a1628;border:4px solid var(--dark,#0a1628);border-radius:50%;box-shadow:0 0 0 3px #1a9bd566;display:flex;height:108px;justify-content:center;overflow:hidden;width:108px}.tp-avatar-img{height:100%;object-fit:cover;width:100%}.tp-avatar-letter{color:#fff;font-size:38px;font-weight:800}.tp-verified{align-items:center;background:#0dd4b8;background:var(--teal,#0dd4b8);border:2px solid #0a1628;border:2px solid var(--dark,#0a1628);border-radius:50%;bottom:4px;color:#fff;display:flex;font-size:12px;font-weight:800;height:24px;justify-content:center;left:4px;position:absolute;width:24px}.tp-info{flex:1 1;min-width:220px;padding-bottom:4px}.tp-info h1{color:#fff;font-size:26px;font-weight:800;margin-bottom:8px}.tp-rating{align-items:center;display:flex;gap:8px;margin-bottom:8px}.tp-rating .stars{color:#f59e0b;font-size:15px;letter-spacing:1px}.tp-rating-num{color:#f59e0b;font-size:15px;font-weight:800}.tp-rating-count{color:#ffffff80;font-size:13px}.tp-subjects{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.tp-subject-tag{background:#1a9bd533;border:1px solid #1a9bd54d;border-radius:20px;color:#1a9bd5;color:var(--blue,#1a9bd5);font-size:12px;font-weight:600;padding:3px 12px}.tp-bio-inline{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff9;display:-webkit-box;font-size:13px;line-height:1.6;margin-bottom:14px;max-width:500px;overflow:hidden}.tp-hero-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-share{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:700;gap:7px;padding:8px 18px;transition:all .2s}.btn-share:hover{background:#fff3}.btn-outline-white{align-items:center;background:#0000;border:1px solid #ffffff4d;border-radius:8px;color:#fffc;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:700;gap:6px;padding:8px 18px;text-decoration:none;transition:all .2s}.btn-outline-white:hover{border-color:#fff;color:#fff}.btn-fav{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:700;gap:7px;padding:8px 18px;transition:all .2s}.btn-fav:hover{background:#fff3}.btn-fav.active{background:#ff4d4d1a;border-color:#ff4d4d;color:#ff4d4d}.tp-stats{align-items:center;align-self:flex-end;background:#ffffff12;border:1px solid #ffffff1a;border-radius:14px;display:flex;flex-shrink:0;flex-wrap:wrap;gap:0;margin-bottom:4px;padding:16px 22px}.tp-stat{padding:0 16px;text-align:center}.tp-stat-num{color:#fff;display:block;font-size:22px;font-weight:800}.tp-stat-lbl{color:#ffffff80;display:block;font-size:11px;margin-top:2px}.tp-stat-div{background:#ffffff26;height:32px;width:1px}.tp-body{display:flex;flex-direction:column;gap:28px;margin:0 auto;max-width:1000px;padding:32px 40px}.tp-quick-info{display:flex;flex-wrap:wrap;gap:12px}.tp-quick-card{align-items:center;background:#fff;background:var(--surface,#fff);border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md,12px);display:flex;flex:1 1;gap:12px;min-width:140px;padding:14px 20px;transition:box-shadow .2s,transform .2s}.tp-quick-card:hover{box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md,0 4px 16px #0000001a);transform:translateY(-2px)}.tp-quick-icon{font-size:26px}.tp-quick-num{color:#1a9bd5;color:var(--blue,#1a9bd5);font-size:20px;font-weight:800}.tp-quick-lbl{color:var(--text-muted);font-size:12px}.tp-bio-card{padding:22px 24px}.tp-bio-card p{color:var(--text-muted);font-size:14px;line-height:1.85}.tp-section-title{align-items:center;border-bottom:2px solid #e8f7fd;border-bottom:2px solid var(--blue-light,#e8f7fd);display:flex;font-size:17px;font-weight:800;gap:8px;margin-bottom:14px;padding-bottom:10px}.tp-tabs{border-bottom:2px solid var(--border);display:flex;gap:4px}.tp-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;margin-bottom:-2px;padding:12px 20px;transition:all .2s}.tp-tab.active,.tp-tab:hover{color:#1a9bd5;color:var(--blue,#1a9bd5)}.tp-tab.active{border-bottom-color:#1a9bd5;border-bottom-color:var(--blue,#1a9bd5)}.tp-courses-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:16px}.tp-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:10px;padding:60px 0;text-align:center}.tp-empty span{font-size:52px}.tp-empty p{font-size:15px}.tp-reels-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-top:16px}.reel-thumb-card{color:inherit;display:flex;flex-direction:column;gap:6px;text-decoration:none}.reel-thumb-img{aspect-ratio:9/16;background:#1a1a2e;background-position:50%;background-size:cover;border-radius:12px;border-radius:var(--radius-md,12px);overflow:hidden;position:relative;transition:transform .22s}.reel-thumb-card:hover .reel-thumb-img{transform:scale(1.03)}.reel-thumb-play{align-items:center;background:#0000004d;color:#ffffffd9;display:flex;font-size:24px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.reel-thumb-card:hover .reel-thumb-play{opacity:1}.reel-thumb-title{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reel-thumb-subject{color:#1a9bd5;color:var(--blue,#1a9bd5);font-size:11px;font-weight:600}.tp-subjects-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.tp-subject-card{background:#fff;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md,12px);overflow:hidden;transition:transform .22s,box-shadow .22s}.tp-subject-card:hover{box-shadow:0 8px 24px #1a9bd524;transform:translateY(-4px)}.tp-subject-img{height:90px;object-fit:cover;width:100%}.tp-subject-placeholder{align-items:center;background:linear-gradient(135deg,#e8f7fd,#e6fdf9);background:linear-gradient(135deg,var(--blue-light,#e8f7fd),var(--teal-light,#e6fdf9));color:#1a9bd5;color:var(--blue,#1a9bd5);display:flex;font-size:32px;font-weight:800;height:90px;justify-content:center;opacity:.6;width:100%}.tp-subject-label{display:block;font-size:13px;font-weight:700;padding:8px 10px;text-align:center}.share-overlay{align-items:center;animation:fadeIn .2s ease;background:#0000008c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1200}.share-modal{animation:slideUp .25s cubic-bezier(.22,1,.36,1);background:#fff;background:var(--surface,#fff);border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;gap:16px;max-width:460px;padding:28px;width:100%}.share-modal-header{align-items:center;display:flex;justify-content:space-between}.share-modal-header h3{font-size:17px;font-weight:700}.share-close{background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px;transition:background .15s}.share-close:hover{background:#f7f9fc;background:var(--bg,#f7f9fc)}.share-url-row{display:flex;gap:8px}.share-url-row .form-input{flex:1 1}.share-desc{color:var(--text-muted);font-size:13px;margin:0}.share-platforms{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.share-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm,8px);color:#fff;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:12px;font-weight:700;gap:6px;padding:12px 8px;text-decoration:none;transition:opacity .2s,transform .15s}.share-btn:hover{opacity:.87;transform:translateY(-2px)}.share-wa{background:#25d366}.share-fb{background:#1877f2}.share-tw{background:#000}.share-copy{background:#0a1628;background:var(--dark,#0a1628)}@media (max-width:900px){.tp-hero{padding:0 20px 28px}.tp-hero-inner{gap:18px}.tp-stats{justify-content:space-around;width:100%}.tp-body{padding:24px 20px}.tp-banner-wrap{height:160px}}@media (max-width:600px){.tp-avatar{height:84px;width:84px}.tp-avatar-letter{font-size:28px}.tp-info h1{font-size:20px}.tp-hero-actions{flex-direction:column}.share-platforms{grid-template-columns:repeat(2,1fr)}.tp-body{padding:18px 14px}.tp-quick-card{min-width:calc(50% - 6px)}}.course-card-anim{animation:cardFadeUp .4s ease both}@keyframes cardFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.reels-page{background:#000;display:flex;height:calc(100vh - 64px);overflow:hidden}.reels-sidebar{background:#fff;background:var(--surface,#fff);border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:10px;overflow-y:auto;padding:24px 18px;width:280px}.reels-sidebar-title{font-size:19px;font-weight:800}.reels-sidebar-sub{color:var(--text-muted);font-size:13px;margin-top:-6px}.reel-upload-form{background:#f7f9fc;background:var(--bg,#f7f9fc);border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md,12px);display:flex;flex-direction:column;gap:10px;margin-top:4px;padding:16px}.reel-upload-form h3{font-size:15px;font-weight:700}.reel-file-label{align-items:center;background:#e8f7fd;background:var(--blue-light,#e8f7fd);border:1.5px dashed #1a9bd5;border:1.5px dashed var(--blue,#1a9bd5);border-radius:8px;border-radius:var(--radius-sm,8px);color:#1a9bd5;color:var(--blue,#1a9bd5);cursor:pointer;display:flex;font-size:13px;font-weight:600;justify-content:center;padding:11px;transition:background .2s}.reel-file-label:hover{background:#d4effa}.reel-progress-wrap{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:8px}.reel-progress-bar{background:#1a9bd5;background:var(--blue,#1a9bd5);border-radius:3px;flex:1 1;height:5px;transition:width .3s ease}.reels-login-prompt{align-items:center;background:#f7f9fc;background:var(--bg,#f7f9fc);border-radius:8px;border-radius:var(--radius-sm,8px);display:flex;flex-direction:column;gap:10px;margin-top:6px;padding:14px;text-align:center}.reels-login-prompt p{color:var(--text-muted);font-size:13px}.reels-feed{-ms-overflow-style:none;flex:1 1;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none}.reels-feed::-webkit-scrollbar{display:none}.reel-snap-item{height:calc(100vh - 64px);scroll-snap-align:start}.reel-card{align-items:center;background:#0a0a0f;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.reel-video{cursor:pointer;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;width:100%}.reel-muted-hint{animation:hintFade 3s ease forwards;background:#0009;border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;left:50%;padding:5px 14px;position:absolute;top:16px;transform:translateX(-50%);z-index:5}@keyframes hintFade{0%,70%{opacity:1}to{opacity:0}}.reel-overlay{background:linear-gradient(#0000 40%,#000000d6);inset:0;pointer-events:none;position:absolute;z-index:3}.reel-bottom{align-items:flex-end;bottom:0;display:flex;gap:10px;left:0;padding:18px;pointer-events:all;position:absolute;right:0}.reel-info{color:#fff;flex:1 1}.reel-teacher-row{align-items:center;color:#fff;display:flex;font-size:13px;font-weight:700;gap:8px;margin-bottom:8px;text-decoration:none}.reel-teacher-avatar{border:2px solid #ffffffb3;border-radius:50%;flex-shrink:0;height:34px;object-fit:cover;width:34px}.reel-teacher-ph{align-items:center;background:#1a9bd5;background:var(--blue,#1a9bd5);color:#fff;display:flex;justify-content:center}.reel-teacher-ph,.reel-title{font-size:15px;font-weight:700}.reel-title{line-height:1.3;margin-bottom:5px}.reel-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:12px;line-height:1.5;margin-bottom:7px;opacity:.85;overflow:hidden}.reel-tags{display:flex;flex-wrap:wrap;gap:6px}.reel-tag{background:#ffffff2e;border-radius:20px;color:#fff;font-size:11px;font-weight:600;padding:2px 9px}.reel-tag-course{background:#1a9bd5;background:var(--blue,#1a9bd5);color:#fff;text-decoration:none}.reel-actions{gap:12px;padding-bottom:2px}.reel-actions,.reel-btn{align-items:center;display:flex;flex-direction:column}.reel-btn{background:#ffffff24;border:none;border-radius:50%;color:#fff;cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;gap:2px;height:50px;justify-content:center;transition:background .2s,transform .15s;width:50px}.reel-btn-icon{font-size:19px}.reel-btn:hover{background:#ffffff47;transform:scale(1.08)}.reel-btn-liked{background:#dc323280}.reel-btn-saved{background:#1a9bd580}.reel-btn-del:hover{background:#dc32328c}.reel-state-card{color:#fff;flex-direction:column;gap:14px;padding:40px;text-align:center}.reel-state-card h3{font-size:20px;font-weight:700}.reel-state-card p{font-size:14px;opacity:.7}@media (max-width:768px){.reels-sidebar{display:none}.reels-feed{width:100%}.reel-video{object-fit:cover}}.subject-page{background:var(--bg);min-height:100vh}.sp-header{background:var(--dark);overflow:hidden;padding:36px 40px 44px;position:relative}.sp-header:before{background-image:linear-gradient(#1a9bd512 1px,#0000 0),linear-gradient(90deg,#1a9bd512 1px,#0000 0);background-size:48px 48px;content:"";inset:0;pointer-events:none;position:absolute}.sp-breadcrumb{align-items:center;color:#ffffff80;display:flex;font-size:12px;gap:6px;margin-bottom:16px}.sp-breadcrumb a{color:#fff9;text-decoration:none}.sp-breadcrumb a:hover{color:var(--teal)}.sp-breadcrumb span{opacity:.4}.sp-header h1{color:#fff;font-size:30px;font-weight:800;line-height:1.25;margin-bottom:10px;text-shadow:0 2px 8px #0006}.sp-grade{color:var(--teal)}.sp-desc{color:#ffffffbf;font-size:14px;line-height:1.75;margin-bottom:16px;max-width:620px}.sp-stats{color:#ffffffb3;display:flex;font-size:13px;font-weight:600;gap:20px}.sp-body{margin:0 auto;max-width:1180px;padding:40px}.sp-section{margin-top:48px}.sp-body h2,.sp-section h2{border-bottom:2px solid var(--blue-light);color:var(--text);font-size:20px;font-weight:800;margin-bottom:20px;padding-bottom:10px}.sp-loading{display:flex;justify-content:center;padding:60px}.sp-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:12px;padding:60px 0}.sp-empty span{font-size:52px}.sp-courses-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.sp-teachers{display:flex;flex-wrap:wrap;gap:14px}.sp-teacher-card{align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;display:flex;flex-direction:column;gap:8px;padding:16px;text-align:center;text-decoration:none;transition:box-shadow .2s,transform .2s;width:120px}.sp-teacher-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.sp-teacher-avatar{align-items:center;background:linear-gradient(135deg,var(--blue),var(--teal));border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:800;height:52px;justify-content:center;overflow:hidden;width:52px}.sp-teacher-avatar img{height:100%;object-fit:cover;width:100%}.sp-teacher-name{color:var(--text);font-size:12px;font-weight:700}.sp-teacher-rating{color:var(--text-muted);font-size:11px}.sp-related{display:flex;flex-wrap:wrap;gap:8px}.sp-related-link{background:#fff;border:1px solid var(--border);border-radius:20px;color:var(--text-muted);font-size:13px;font-weight:600;padding:6px 14px;text-decoration:none;transition:all .2s}.sp-related-link:hover{background:var(--blue-light);border-color:var(--blue);color:var(--blue)}@media (max-width:900px){.sp-header{padding:24px 20px 32px}.sp-header h1{font-size:24px}.sp-body{padding:24px 20px}.sp-courses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:560px){.sp-header h1{font-size:20px}.sp-courses-grid{grid-template-columns:1fr}.sp-body{padding:16px}.sp-teachers{justify-content:center}}.pvp-outer{background:#000;border-radius:12px;border-radius:var(--radius-lg,12px);overflow:hidden;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none}.pvp-video{background:#000;display:block;max-height:520px;outline:none;width:100%}.pvp-overlay{background:#0000;cursor:default;z-index:5}.pvp-overlay,.pvp-watermark{inset:0;bottom:40px;pointer-events:none;position:absolute}.pvp-watermark{align-items:center;display:flex;flex-wrap:wrap;gap:60px 80px;justify-content:center;overflow:hidden;z-index:6}.pvp-wm-item{color:#ffffff12;font-size:11px;font-weight:700;letter-spacing:.5px;transform:rotate(-25deg);user-select:none;-webkit-user-select:none;white-space:nowrap}.pvp-blurred .pvp-video{filter:blur(22px) brightness(.4);pointer-events:none}.pvp-devtools-overlay{align-items:center;background:#000000e6;color:#fff;display:flex;flex-direction:column;font-size:36px;gap:12px;inset:0;justify-content:center;position:absolute;z-index:20}.pvp-devtools-overlay p{font-size:15px;font-weight:700;padding:0 20px;text-align:center}.pvp-blocked-notice{animation:pvpFadeOut 1.8s ease forwards;background:#000000e6;border-radius:10px;color:#fff;font-size:14px;font-weight:700;left:50%;padding:12px 24px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap;z-index:30}@keyframes pvpFadeOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}75%{opacity:1}to{opacity:0}}.pvp-footer{background:#111;color:#ffffff59;font-size:11px;letter-spacing:.3px;padding:7px 14px;text-align:center}.pvp-loading{align-items:center;background:#111;border-radius:12px;border-radius:var(--radius-lg,12px);color:#ffffff80;display:flex;flex-direction:column;font-size:13px;gap:14px;padding:48px 24px}.pvp-spinner{animation:pvpSpin .7s linear infinite;border:3px solid #ffffff26;border-radius:50%;border-top:3px solid var(--blue,#1a9bd5);height:36px;width:36px}@keyframes pvpSpin{to{transform:rotate(1turn)}}.pvp-empty,.pvp-error{align-items:center;background:#111;border-radius:12px;border-radius:var(--radius-lg,12px);color:#ffffff80;display:flex;flex-direction:column;font-size:13px;gap:10px;padding:40px 24px;text-align:center}.pvp-error span{font-size:36px}.pvp-yt-wrap{background:#000;padding-top:56.25%;position:relative}.pvp-yt-iframe{border:none;height:100%;inset:0;position:absolute;width:100%}@media print{.pvp-outer,.pvp-outer *{display:none!important;visibility:hidden!important}}@media (max-width:600px){.pvp-video{max-height:240px}.pvp-wm-item{font-size:10px}}.lp-root{background:#1c1d1f;color:#fff;direction:rtl;display:flex;flex-direction:column;font-family:Cairo,sans-serif;height:100vh;overflow:hidden}.lp-topbar{background:#1c1d1f;border-bottom:1px solid #3d3d3d;gap:12px;height:56px;padding:0 16px;z-index:20}.lp-back,.lp-topbar{align-items:center;display:flex;flex-shrink:0}.lp-back{color:#ffffffd9;font-size:13px;font-weight:600;gap:8px;max-width:220px;overflow:hidden;text-decoration:none;transition:color .15s}.lp-back:hover{color:#c0c4fc}.lp-back-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-progress-wrap{align-items:center;display:flex;flex:1 1;gap:10px;justify-content:center;min-width:0}.lp-progress-bar{background:#ffffff26;border-radius:2px;height:4px;max-width:360px;overflow:hidden;width:100%}.lp-progress-fill{background:#7c3aed;border-radius:2px;height:100%;transition:width .4s ease}.lp-progress-txt{color:#ffffff80;flex-shrink:0;font-size:11px;white-space:nowrap}.lp-toggle-btn{align-items:center;background:none;border:1px solid #3d3d3d;border-radius:4px;color:#fffc;cursor:pointer;display:flex;flex-shrink:0;font-family:inherit;font-size:12px;gap:6px;padding:6px 12px;transition:all .15s}.lp-toggle-btn:hover{background:#ffffff12;border-color:#ffffff4d}.lp-body{min-height:0;overflow:hidden}.lp-body,.lp-main{display:flex;flex:1 1}.lp-main{flex-direction:column;min-width:0;overflow-y:auto;scrollbar-color:#3d3d3d #1c1d1f;scrollbar-width:thin}.lp-video-area{background:#000;position:relative;width:100%}.lp-locked{align-items:center;background:#111;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:380px;padding:48px 24px;text-align:center}.lp-locked-icon{font-size:56px}.lp-locked-title{color:#ffffffd9;font-size:18px;font-weight:700}.lp-locked-price{color:#7c3aed;font-size:32px;font-weight:800}.lp-meta-bar{background:#1c1d1f;flex-wrap:wrap;justify-content:space-between;padding:16px 24px 8px}.lp-meta-bar,.lp-meta-left{align-items:center;display:flex;gap:12px}.lp-meta-left{flex:1 1;min-width:0}.lp-lesson-title{color:#fff;font-size:18px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-lesson-dur{background:#ffffff12;border-radius:4px;color:#fff6;flex-shrink:0;font-size:12px;padding:2px 8px}.lp-meta-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.lp-complete-btn{align-items:center;background:none;border:1.5px solid #ffffff4d;border-radius:4px;color:#ffffffb3;cursor:pointer;display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:6px;padding:7px 14px;transition:all .15s}.lp-complete-btn:hover{border-color:#22c55e;color:#22c55e}.lp-done-badge{background:#22c55e1f;border:1.5px solid #22c55e4d;border-radius:4px;color:#22c55e;font-size:12px;font-weight:700;padding:6px 14px}.lp-nav-row{background:#1c1d1f;border-bottom:1px solid #2d2f31;gap:10px;justify-content:space-between;padding:8px 24px 16px}.lp-nav-row,.lp-nav-row .btn{align-items:center;display:flex}.lp-nav-row .btn{background:#2d2f31;border-color:#3d3d3d;color:#fffc;font-size:13px;gap:6px;padding:8px 18px}.lp-nav-row .btn:disabled{cursor:not-allowed;opacity:.35}.lp-nav-row .btn.btn-primary{background:#7c3aed;border-color:#7c3aed;color:#fff}.lp-nav-row .btn.btn-primary:hover:not(:disabled){background:#6d28d9}.lp-nav-row .btn.btn-outline:hover:not(:disabled){background:#3d3d3d}.lp-tabs-wrap{background:#2d2f31;flex:1 1}.lp-tabs{border-bottom:1px solid #3d3d3d;display:flex;padding:0 24px}.lp-tab{background:none;border:none;border-bottom:3px solid #0000;color:#ffffff8c;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:14px 18px;transition:all .15s;white-space:nowrap}.lp-tab:hover:not(.disabled){color:#ffffffd9}.lp-tab.active{border-bottom-color:#7c3aed;color:#fff}.lp-tab.disabled{cursor:not-allowed;opacity:.35}.lp-panel{display:flex;flex-direction:column;gap:20px;max-width:860px;padding:24px}.lp-desc{color:#ffffffbf;font-size:14px;line-height:1.8}.lp-empty-panel{color:#ffffff59;font-size:14px}.lp-kp-wrap h4,.lp-summary-wrap h4{color:#ffffff80;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.lp-kp-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.lp-kp-list li{align-items:flex-start;background:#ffffff0d;border-radius:6px;color:#fffc;display:flex;font-size:14px;gap:10px;padding:8px 12px}.lp-kp-list li:before{color:#f59e0b;content:"✦";flex-shrink:0;margin-top:2px}.lp-summary-wrap p{color:#ffffffb3;font-size:14px;line-height:1.8}.lp-pdfs{display:flex;flex-direction:column;gap:8px}.lp-pdf-row{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;color:#fffc;display:flex;gap:12px;padding:12px 16px;text-decoration:none;transition:background .15s,border-color .15s}.lp-pdf-row:hover{background:#ffffff17;border-color:#7c3aed}.lp-pdf-icon{flex-shrink:0;font-size:20px}.lp-pdf-name{flex:1 1;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-pdf-size{color:#ffffff59}.lp-pdf-dl,.lp-pdf-size{flex-shrink:0;font-size:11px}.lp-pdf-dl{background:#7c3aed1f;border-radius:20px;color:#7c3aed;font-weight:700;padding:3px 10px;transition:all .15s}.lp-pdf-row:hover .lp-pdf-dl{background:#7c3aed;color:#fff}.lp-quiz-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.lp-quiz-header h3{color:#fff;font-size:17px;font-weight:700}.lp-quiz-header span{background:#ffffff12;border-radius:20px;color:#fff6;font-size:12px;padding:3px 10px}.lp-questions{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.lp-question{background:#ffffff0a;border-radius:8px;padding:16px}.lp-q-text{color:#fff;font-size:14px;font-weight:600;line-height:1.6;margin-bottom:12px}.lp-options{display:flex;flex-direction:column;gap:8px}.lp-option{align-items:center;background:#ffffff0a;border:1.5px solid #ffffff1f;border-radius:6px;color:#ffffffbf;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 14px;transition:all .15s}.lp-option input{display:none}.lp-option:hover{background:#7c3aed1a;border-color:#7c3aed}.lp-option.selected{background:#7c3aed26;border-color:#7c3aed;color:#fff;font-weight:600}.lp-quiz-result{align-items:center;display:flex;flex-direction:column;gap:10px;text-align:center}.lqr-score{font-size:56px;font-weight:800;line-height:1}.lqr-score.pass{color:#22c55e}.lqr-score.fail{color:#ef4444}.lqr-msg{color:#ffffffd9;font-size:17px;font-weight:700}.lqr-stats{color:#fff6;font-size:13px}.lqr-answers{display:flex;flex-direction:column;gap:8px;margin:12px 0;text-align:right;width:100%}.lqr-row{border-radius:8px;font-size:13px;padding:10px 14px}.lqr-row.correct{background:#22c55e1a;border:1px solid #22c55e33}.lqr-row.wrong{background:#ef44441a;border:1px solid #ef444433}.lqr-q{color:#ffffffd9;font-weight:600;margin-bottom:4px}.lqr-a{color:#ffffff8c}.lqr-exp{color:#fff6;font-size:12px;font-style:italic;margin-top:4px}.lp-next-card{align-items:center;background:#7c3aed14;border:1px solid #7c3aed40;border-radius:10px;display:flex;gap:16px;margin:20px 24px;padding:16px 20px}.lp-next-label{color:#7c3aed;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.lp-next-info{flex:1 1;gap:12px;min-width:0}.lp-next-info,.lp-next-num{align-items:center;display:flex}.lp-next-num{background:#7c3aed33;border-radius:50%;color:#7c3aed;flex-shrink:0;font-size:12px;font-weight:800;height:28px;justify-content:center;width:28px}.lp-next-title{color:#fff;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-next-dur{color:#ffffff59;font-size:11px}.lp-sidebar{background:#1c1d1f;border-right:1px solid #2d2f31;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:340px}.lp-sb-header{border-bottom:1px solid #2d2f31;flex-shrink:0;padding:16px 20px 12px}.lp-sb-header strong{color:#fff;display:block;font-size:14px;font-weight:700;margin-bottom:4px}.lp-sb-header span{color:#ffffff59;font-size:11px}.lp-sb-progress{background:#ffffff14;flex-shrink:0;height:3px}.lp-sb-progress-fill{background:#7c3aed;height:100%;transition:width .4s}.lp-sb-list{flex:1 1;overflow-y:auto;padding:8px 0;scrollbar-color:#3d3d3d #1c1d1f;scrollbar-width:thin}.lp-sb-item{align-items:center;background:none;border:none;border-right:3px solid #0000;color:#ffffffa6;cursor:pointer;display:flex;font-family:inherit;gap:12px;padding:12px 20px;text-align:right;transition:background .15s;width:100%}.lp-sb-item:hover:not(.active){background:#ffffff0a}.lp-sb-item.active{background:#7c3aed1a;border-right-color:#7c3aed;color:#fff}.lp-sb-item.done{color:#ffffff73}.lp-sb-item.locked{cursor:pointer;opacity:.75}.lp-sb-icon{align-items:center;background:#ffffff12;border-radius:50%;display:flex;flex-shrink:0;font-size:11px;height:28px;justify-content:center;width:28px}.lp-icon-done{color:#22c55e;font-size:13px;font-weight:800}.lp-icon-play{color:#7c3aed;font-size:10px}.lp-icon-lock{font-size:12px}.lp-icon-num{color:#ffffff80;font-size:11px;font-weight:700}.lp-sb-item.active .lp-sb-icon{background:#7c3aed40}.lp-sb-item.done .lp-sb-icon{background:#22c55e1a}.lp-sb-info{flex:1 1;min-width:0;text-align:right}.lp-sb-title{font-size:13px;font-weight:500;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-sb-meta{color:#ffffff4d;display:flex;font-size:11px;gap:6px;justify-content:flex-end;margin-top:3px}.lp-free-tag{color:#22c55e}.lp-price-tag{color:#7c3aed;font-weight:700}.lp-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:999}.lp-modal{background:#2d2f31;border:1px solid #3d3d3d;border-radius:12px;color:#fff;max-width:400px;padding:28px;width:100%}.lp-modal-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.lp-modal-top h3{font-size:18px;font-weight:800}.lp-modal-top button{background:none;border:none;color:#fff6;cursor:pointer;font-size:20px;transition:color .15s}.lp-modal-top button:hover{color:#fff}.lp-modal-sub{color:#ffffff8c;font-size:13px;margin-bottom:12px}.lp-modal-price{color:#7c3aed;font-size:32px;font-weight:800;margin-bottom:20px}.lp-method-row{display:flex;gap:8px;margin-bottom:16px}.lp-method-btn{background:#1c1d1f;border:1.5px solid #3d3d3d;border-radius:8px;color:#ffffffa6;cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;padding:10px 8px;transition:all .15s}.lp-method-btn.active,.lp-method-btn:hover{border-color:#7c3aed;color:#fff}.lp-method-btn.active{background:#7c3aed;font-weight:700}.lp-gate,.lp-loading{align-items:center;background:#1c1d1f;display:flex;height:100vh;justify-content:center}.lp-gate{color:#fff;flex-direction:column;font-size:52px;gap:14px;text-align:center}.lp-gate h2{color:#ffffffd9;font-size:20px;font-weight:700;margin:0}@media (max-width:900px){.lp-sidebar{display:none}}@media (max-width:620px){.lp-topbar{gap:8px;padding:0 10px}.lp-back-title{display:none}.lp-progress-wrap{max-width:none}.lp-toggle-btn span{display:none}.lp-meta-bar{padding:12px 14px 6px}.lp-lesson-title{font-size:15px}.lp-nav-row{padding:6px 14px 12px}.lp-panel{padding:16px}.lp-next-card{margin:12px 14px}.lp-modal{padding:20px}}.admin-page{background:var(--bg);min-height:100vh}.admin-header{background:var(--dark);border-bottom:1px solid #ffffff14;padding:28px 40px}.admin-header-inner{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1280px}.admin-header h1{color:#fff;font-size:22px;font-weight:800;margin-bottom:4px}.admin-header p{color:#fff9;font-size:13px}.admin-header-kpis{display:flex;gap:12px}.kpi-mini{background:#ffffff1a;border:1px solid #ffffff26;border-radius:10px;min-width:90px;padding:10px 16px;text-align:center}.kpi-mini span:first-child{color:#fff;display:block;font-size:20px;font-weight:800}.kpi-mini span:last-child{color:#fff9;display:block;font-size:11px;margin-top:2px}.kpi-mini.kpi-warn{border-color:#fbbf24}.kpi-mini.kpi-warn span:first-child{color:#fbbf24}.kpi-mini.kpi-info span:first-child{color:var(--teal)}.admin-body{margin:0 auto;max-width:1280px;padding:28px 40px}.admin-tabs-wrap{margin-bottom:28px;overflow-x:auto;padding-bottom:2px}.admin-tabs{display:flex;gap:6px;min-width:max-content}.admin-tab{align-items:center;background:#fff;border:1px solid var(--border);border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:600;gap:7px;padding:10px 18px;position:relative;transition:all .2s;white-space:nowrap}.admin-tab:hover{background:var(--blue-light);border-color:var(--blue);color:var(--blue)}.admin-tab.active{background:var(--blue);border-color:var(--blue);color:#fff}.tab-icon{font-size:16px}.tab-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:10px;font-weight:800;left:-6px;min-width:18px;padding:1px 7px;position:absolute;text-align:center;top:-6px}.tab-content{display:flex;flex-direction:column;gap:20px}.kpi-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.kpi-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;text-align:center;transition:all .2s}.kpi-card.kpi-clickable{cursor:pointer}.kpi-card.kpi-clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-icon{font-size:26px;margin-bottom:8px}.kpi-val{font-size:28px;font-weight:800;margin-bottom:4px}.kpi-lbl{color:var(--text-muted);font-size:12px;line-height:1.4}.kpi-blue .kpi-val{color:var(--blue)}.kpi-teal .kpi-val{color:var(--teal)}.kpi-green .kpi-val{color:var(--success)}.kpi-warn .kpi-val{color:var(--warning)}.kpi-warn{background:#fffbeb;border-color:#fef3c7}.chart-card{padding:24px}.chart-card h3{font-weight:700;margin-bottom:18px}.quick-actions{padding:22px}.quick-actions h3{font-weight:700;margin-bottom:14px}.qa-list{display:flex;flex-direction:column;gap:10px}.qa-item{align-items:center;display:flex;gap:12px}.qa-info{flex:1 1;min-width:0}.qa-name{display:block;font-size:13px;font-weight:700}.qa-sub{color:var(--text-muted);display:block;font-size:11px}.qa-btns{display:flex;flex-shrink:0;gap:6px}.section-card{padding:24px}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:18px}.section-header h2{font-size:17px;font-weight:800}.pending-list{display:flex;flex-direction:column;gap:14px}.pending-card{align-items:flex-start;background:var(--bg);border:1px solid var(--border);border-radius:10px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px}.pending-info{display:flex;flex:1 1;gap:14px;min-width:0}.pending-details h3{font-size:14px;font-weight:700;margin-bottom:3px}.pending-email{color:var(--text-muted);font-size:12px;margin-bottom:6px}.pending-subjects{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}.pending-bio{color:var(--text-muted);font-size:12px;line-height:1.55;margin-bottom:4px}.pending-date{color:var(--text-muted);font-size:11px}.pending-actions{display:flex;flex-direction:column;flex-shrink:0;gap:8px}.admin-table{border-collapse:collapse;font-size:13px;width:100%}.admin-table th{background:var(--bg);color:var(--text-muted);font-size:12px;font-weight:700;text-align:right;white-space:nowrap}.admin-table td,.admin-table th{border-bottom:1px solid var(--border);padding:10px 14px}.admin-table td{vertical-align:middle}.tab-content .card:has(.admin-table){--cell-padding:8px 10px}.tab-content .card:has(.admin-table) .admin-table td{font-size:12.5px;padding:var(--cell-padding)}.tab-content .card:has(.admin-table) .admin-table th{font-size:11.5px;padding:var(--cell-padding)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#fafafa}.admin-table tr.row-banned td{opacity:.55}.action-btns{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.btn-xs{border-radius:6px!important;font-size:11px!important;padding:4px 10px!important}.btn-ghost{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:11px;padding:4px 10px;transition:all .15s}.btn-ghost:hover{background:#fee2e2;border-color:var(--danger);color:var(--danger)}.course-filters-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.filter-pill{background:#fff;border:1px solid var(--border);border-radius:20px;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:7px 16px;transition:all .2s;white-space:nowrap}.filter-pill:hover{border-color:var(--blue);color:var(--blue)}.filter-pill.active{background:var(--blue);border-color:var(--blue);color:#fff}.course-cell{align-items:center;display:flex;gap:10px;max-width:240px}.course-thumb-mini{border-radius:5px;flex-shrink:0;height:30px;object-fit:cover;width:44px}.course-title-cell{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px;font-weight:600;overflow:hidden}.tx-summary{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.tx-sum-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;text-align:center}.tx-sum-icon{font-size:24px;margin-bottom:6px}.tx-sum-val{color:var(--blue);font-size:24px;font-weight:800;margin-bottom:4px}.tx-sum-lbl{color:var(--text-muted);font-size:11px}.tx-green .tx-sum-val{color:var(--success)}.tx-blue .tx-sum-val{color:var(--blue)}.db-empty{color:var(--text-muted);padding:40px;text-align:center}.db-empty h3{color:var(--text);font-size:16px;font-weight:700;margin-top:10px}@media (max-width:1024px){.kpi-grid,.tx-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.admin-header{padding:20px}.admin-header-kpis{gap:8px}.kpi-mini{min-width:76px;padding:8px 12px}.admin-body{padding:20px}.kpi-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.pending-actions{flex-direction:row}}@media (max-width:640px){.admin-header h1{font-size:18px}.admin-header-kpis{width:100%}.kpi-mini{flex:1 1}.kpi-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.kpi-val{font-size:22px}.tx-summary{grid-template-columns:repeat(2,1fr)}.tab-label{display:none}.admin-tab{padding:10px 12px}.tab-icon{font-size:18px}.section-header{align-items:flex-start;flex-direction:column}.section-header input{width:100%!important}.pending-card{flex-direction:column}.pending-actions{flex-direction:row;width:100%}.pending-actions .btn{flex:1 1;justify-content:center}}@media (max-width:400px){.admin-body{padding:12px}.kpi-grid{gap:8px}.kpi-card{padding:14px 10px}.kpi-val{font-size:18px}}.admin-page{animation:pageIn .45s cubic-bezier(.22,1,.36,1) both}.kpi-card{transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,border-color .22s}.kpi-card:hover{border-color:#1a9bd54d;box-shadow:0 14px 36px #1a9bd524,0 4px 10px #0000000f;transform:translateY(-5px)}.kpi-warn:hover{border-color:#fbbf24;box-shadow:0 14px 36px #d9770624}.tx-sum-card{transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s}.tx-sum-card:hover{box-shadow:0 10px 28px #1a9bd51f;transform:translateY(-4px)}.admin-tab,.filter-pill{transition:all .18s cubic-bezier(.22,1,.36,1)}.filter-pill:hover{transform:translateY(-1px)}.pending-card{transition:box-shadow .2s,border-color .2s}.pending-card:hover{border-color:#1a9bd540;box-shadow:0 6px 20px #1a9bd51a}.admin-table tr{transition:background .15s}.preview-overlay{align-items:flex-start;animation:fadeIn .2s ease;background:#000000a6;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:24px 16px;position:fixed;z-index:500}.preview-modal{animation:slideUp .3s cubic-bezier(.22,1,.36,1);background:#fff;border-radius:var(--radius-lg);margin:auto;max-width:900px;overflow:hidden;width:100%}.preview-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:22px 24px 18px}.preview-header h2{font-size:18px;font-weight:800}.preview-close{background:var(--bg);border:1px solid var(--border);border-radius:8px;cursor:pointer;flex-shrink:0;font-size:16px;padding:6px 12px;transition:background .15s}.preview-close:hover{background:#fee2e2;color:var(--danger)}.preview-body{padding:20px 24px 24px}.preview-desc{background:var(--bg);border-radius:var(--radius-md);color:var(--text-muted);font-size:13px;line-height:1.75;margin-bottom:20px;padding:12px 16px}.preview-lessons h3{font-size:15px;font-weight:800;margin-bottom:14px}.preview-lessons-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:220px 1fr}.preview-lesson-list{border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:6px;max-height:420px;overflow-y:auto;padding:8px}.preview-lesson-btn{align-items:center;background:none;border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-wrap:wrap;font-family:inherit;gap:8px;padding:10px 12px;text-align:right;transition:all .15s;width:100%}.preview-lesson-btn:hover{background:var(--bg);border-color:var(--border)}.preview-lesson-btn.active{background:var(--blue-light);border-color:var(--blue)}.preview-lesson-num{align-items:center;background:var(--blue);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:800;height:22px;justify-content:center;width:22px}.preview-lesson-title{flex:1 0 100%;font-size:12px;font-weight:600}.preview-player{gap:12px}.preview-no-video,.preview-player{display:flex;flex-direction:column}.preview-no-video{align-items:center;background:#111;border-radius:var(--radius-md);color:#fff6;gap:10px;padding:60px 20px;text-align:center}.preview-no-video span{font-size:40px}.preview-lesson-info{font-size:13px}.preview-lesson-info strong{display:block;font-weight:700;margin-bottom:4px}.preview-lesson-info p{color:var(--text-muted);line-height:1.6}.preview-actions{border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media (max-width:700px){.preview-lessons-grid{grid-template-columns:1fr}.preview-lesson-list{max-height:160px}.preview-modal{margin:0}.preview-overlay{align-items:flex-end;padding:0}.preview-modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0}}.legal-page{background:var(--bg);min-height:100vh}.legal-hero{background:var(--dark);overflow:hidden;padding:56px 40px 48px;position:relative;text-align:center}.legal-hero:before{background-image:linear-gradient(#1a9bd50f 1px,#0000 0),linear-gradient(90deg,#1a9bd50f 1px,#0000 0);background-size:48px 48px;content:"";inset:0;pointer-events:none;position:absolute}.legal-hero-inner{margin:0 auto;max-width:680px;position:relative;z-index:1}.legal-icon{display:block;font-size:52px;margin-bottom:16px}.legal-hero h1{color:#fff;font-size:32px;font-weight:800;margin-bottom:10px}.legal-hero p{color:#ffffffa6;font-size:15px;line-height:1.7;margin-bottom:14px}.legal-meta{background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;color:#ffffff8c;display:inline-block;font-size:12px;padding:4px 16px}.legal-body{margin:0 auto;max-width:860px;padding:36px 40px 60px}.legal-nav{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.legal-nav>a{color:var(--blue);font-size:13px;font-weight:600;text-decoration:none}.legal-nav>a:hover{text-decoration:underline}.legal-nav-links{display:flex;flex-wrap:wrap;gap:20px}.legal-nav-links a{color:var(--text-muted);font-size:12px;text-decoration:none;transition:color .15s}.legal-nav-links a:hover{color:var(--blue)}.legal-content{display:flex;flex-direction:column;gap:8px}.legal-intro{background:var(--blue-light);border-radius:0 var(--radius-md) var(--radius-md) 0;border-right:3px solid var(--blue);color:var(--text);font-size:14px;line-height:1.8;margin-bottom:16px;padding:16px 20px}.legal-section{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:4px;padding:24px 28px;transition:box-shadow .2s}.legal-section:hover{box-shadow:0 4px 20px #1a9bd514}.legal-section-title{align-items:center;border-bottom:2px solid var(--blue-light);color:var(--blue);display:flex;font-size:17px;font-weight:800;gap:8px;margin-bottom:14px;padding-bottom:10px}.legal-section-body{color:var(--text);font-size:14px;line-height:1.8}.legal-section-body ul{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0}.legal-section-body ul li{align-items:flex-start;border-bottom:1px solid var(--bg);display:flex;gap:10px;padding:6px 0}.legal-section-body ul li:before{color:var(--teal);content:"✦";flex-shrink:0;font-size:10px;margin-top:5px}.legal-section-body p{margin-bottom:10px}.legal-section-body a{color:var(--blue);font-weight:600;text-decoration:none}.legal-section-body a:hover{text-decoration:underline}.legal-item{margin-bottom:14px}.legal-item h3{align-items:center;color:var(--text);display:flex;font-size:14px;font-weight:700;gap:6px;margin-bottom:8px}.legal-item h3:before{background:var(--teal);border-radius:2px;content:"";flex-shrink:0;height:16px;width:4px}.legal-note{background:#fef3c7;border:1px solid #fde68a;border-radius:var(--radius-md);color:#854d0e;font-size:13px;line-height:1.6;margin-bottom:12px;padding:12px 16px}.contact-grid{display:flex;flex-direction:row;gap:40px;margin-top:24px}.contact-info{flex:1 1;max-width:320px}.contact-card-sidebar{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000008;padding:24px;position:sticky;top:100px}.contact-card-sidebar h3{color:var(--blue);font-size:18px;font-weight:800;margin-bottom:20px}.contact-item{display:flex;gap:12px;margin-bottom:20px}.ci-icon{align-items:center;background:var(--blue-light);border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.ci-label{color:var(--text-muted);font-size:11px;font-weight:600;text-transform:uppercase}.ci-value{color:var(--text);display:block;font-size:14px;font-weight:700;text-decoration:none}a.ci-value:hover{color:var(--blue)}.contact-form-wrap{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000000d;flex:2 1;padding:32px}@media (max-width:600px){.contact-form-wrap{padding:20px}}.contact-form-wrap h3{font-size:20px;font-weight:800;margin-bottom:24px}.contact-form{display:flex;flex-direction:column;gap:16px}.legal-contact{display:flex;flex-wrap:wrap;font-size:14px;gap:20px;margin-top:10px}@media (max-width:860px){.contact-grid{flex-direction:column}.contact-info{max-width:100%}.contact-card-sidebar{position:static}}.legal-highlight{background:linear-gradient(135deg,var(--dark) 0,#0d2040 100%);border-radius:var(--radius-lg);margin-bottom:16px;padding:28px}.legal-highlight-grid{gap:0;justify-content:center}.legal-highlight-grid,.lh-item{align-items:center;display:flex}.lh-item{flex-direction:column;gap:6px;padding:8px 32px;text-align:center}.lh-num{color:var(--teal);font-size:34px;font-weight:800;line-height:1}.lh-lbl{color:#fff9;font-size:12px}.lh-div{background:#ffffff26;height:50px;width:1px}.legal-cta-box{background:linear-gradient(135deg,var(--blue-light),var(--teal-light));border:1px solid #1a9bd533;border-radius:var(--radius-lg);margin-top:24px;padding:32px;text-align:center}.legal-cta-box h3{font-size:20px;font-weight:800;margin-bottom:8px}.legal-cta-box p{color:var(--text-muted);font-size:14px;margin-bottom:20px}.legal-footer-cta{align-items:center;background:var(--bg);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:12px;margin-top:40px;padding:24px;text-align:center}.legal-footer-cta p{color:var(--text-muted);font-size:14px}@media (max-width:768px){.legal-hero{padding:40px 20px}.legal-hero h1{font-size:24px}.legal-body{padding:24px 20px 40px}.legal-section{padding:18px 20px}.legal-nav{align-items:flex-start;flex-direction:column}.legal-nav-links{gap:12px}.lh-item{padding:8px 16px}.lh-num{font-size:26px}}@media (max-width:480px){.legal-hero{padding:28px 14px}.legal-hero h1{font-size:20px}.legal-body{padding:16px 14px 32px}.legal-section{padding:14px 16px}.legal-highlight-grid{flex-direction:column;gap:16px}.lh-div{height:1px;width:60px}}
/*# sourceMappingURL=main.1f3deca6.css.map*/