@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Montserrat:wght@700;800;900&display=swap";
:root{--red:#cf0b27;--red-bright:#ef233c;--red-dark:#900017;--ink:#08090b;--surface:#111216;--surface-2:#181a1f;--text:#f7f7f8;--muted:#a4a5ad;--line:#ffffff1a;--paper:#f6f4ef;--nav:#111216d1;--nav-text:#f7f7f8;--nav-border:#ffffff1a;--nav-menu-color:#ffffffb3;--nav-menu-hover-color:#fff;--nav-brand-small:#ffffff73;--shadow:0 18px 50px #0000003d;--section-space:clamp(72px, 7vw, 96px);--content-gap:clamp(24px, 3vw, 42px)}html[data-theme=light]{--ink:#f7f5f1;--surface:#fff;--surface-2:#f1efeb;--text:#15151a;--muted:#555861;--line:#18191f1f;--shadow:0 18px 45px #2a1f231a;--nav:#ffffffe0;--nav-text:#15161a;--nav-border:#18191f1f;--nav-menu-color:#4b4d54;--nav-menu-hover-color:#111216;--nav-brand-small:#5f6168}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--text);margin:0;font-family:Cairo,Tajawal,sans-serif;transition:background .25s,color .25s;overflow-x:visible}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{width:min(1220px,100% - 48px);margin-inline:auto}.site-header{z-index:100;pointer-events:none;padding:14px 20px;transition:padding .35s;position:fixed;top:0;left:0;right:0}.nav-shell{background:var(--nav);width:min(1320px,100%);min-height:74px;color:var(--nav-text);border:1px solid var(--nav-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;direction:ltr;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin:auto;padding:10px 14px 10px 18px;transition:min-height .35s,border-radius .35s,box-shadow .35s,transform .35s;display:flex;box-shadow:0 12px 40px #0000002e}html.is-scrolled .site-header{padding-top:8px}html.is-scrolled .nav-shell{border-radius:16px;min-height:62px;transform:translateY(-1px);box-shadow:0 12px 34px #00000042}.brand{direction:ltr;flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-icon{color:#fff;background:linear-gradient(145deg, var(--red-bright), var(--red-dark));border-radius:12px;place-items:center;width:42px;height:42px;display:grid;transform:rotate(-5deg)}.brand strong{color:var(--red);letter-spacing:-1.2px;font:900 22px/1 Montserrat,sans-serif;display:block}.brand small{color:var(--nav-brand-small);text-align:left;margin-top:4px;font-size:11px;line-height:1;display:block}.nav-menu{direction:rtl;align-items:center;gap:28px;display:flex}.nav-menu a{color:var(--nav-menu-color);padding:10px 0;font-size:14px;font-weight:700;position:relative}.nav-menu a.nav-leaderboard{color:var(--red);align-items:center;gap:6px;display:inline-flex}.nav-menu a.nav-leaderboard svg{flex:none}.nav-menu a:after{content:"";background:var(--red);border-radius:2px;width:0;height:2px;transition:width .2s;position:absolute;bottom:3px;right:0}.nav-menu a:hover,.nav-menu a.active{color:var(--nav-menu-hover-color)}.nav-menu a:hover:after,.nav-menu a.active:after{width:100%}.nav-actions{direction:rtl;align-items:center;gap:10px;display:flex}.btn{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-weight:800;line-height:1;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg, var(--red-bright), var(--red-dark));color:#fff;box-shadow:0 10px 28px #cf0b273d}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff6b,#0000);width:34%;transition:left .55s;position:absolute;inset:-2px auto -2px -45%;transform:skew(-18deg)}.btn-primary:hover{box-shadow:0 14px 34px #cf0b2757}.btn-primary:hover:after{left:115%}.btn-ghost{color:var(--red);border-color:var(--red);background:#fff}.btn-outline{color:#fff;background:#ffffff08;border-color:#ffffff8c}html[data-theme=light] .btn-outline{color:var(--text);border-color:#0003}.btn-light{color:var(--red-dark);background:#fff}.btn-disabled{color:#777;cursor:not-allowed;background:#282a30}html[data-theme=light] .btn-disabled{color:#a1a3a9;background:#eae9e5}.btn-large{border-radius:14px;min-height:54px;padding-inline:26px}.theme-toggle{color:#fff;direction:ltr;background:#171820;border:1px solid #ffffff1f;border-radius:999px;flex:0 0 64px;width:64px;height:36px;padding:0;transition:background .35s,border-color .35s,transform .2s;position:relative;overflow:hidden;box-shadow:inset 0 1px 4px #00000040}.theme-toggle:hover{transform:translateY(-1px)}.theme-toggle:active{transform:scale(.96)}.theme-thumb{z-index:1;background:linear-gradient(145deg, var(--red-bright), var(--red-dark));border-radius:50%;width:28px;height:28px;transition:transform .4s cubic-bezier(.22,1,.36,1),background .3s,box-shadow .3s;position:absolute;top:3px;left:3px;box-shadow:0 4px 12px #cf0b2757}.theme-toggle.is-light{background:#ffe8eb;border-color:#cf0b272e}.theme-toggle.is-light .theme-thumb{background:#fff;transform:translate(29px);box-shadow:0 3px 10px #3f282c2e}.theme-icon{z-index:2;pointer-events:none;place-items:center;width:28px;height:28px;transition:color .3s,transform .4s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;top:50%;transform:translateY(-50%)}.theme-moon{color:#fff;left:3px}.theme-sun{color:#696b75;right:3px}.theme-toggle.is-light .theme-moon{color:#c2707c}.theme-toggle.is-light .theme-sun{color:var(--red);transform:translateY(-50%)rotate(90deg)}.menu-toggle{color:#111;background:#f1f1f1;border:0;border-radius:11px;place-items:center;width:42px;height:42px;display:none}.hero{isolation:isolate;color:#fff;background:#090a10;min-height:100svh;padding-top:108px;position:relative;overflow:hidden}html[data-theme=light] .hero{color:#111;background:#f3f1ec}.hero-background{z-index:-2;will-change:transform;background:radial-gradient(circle at 18% 38%,#cf0b2740,#0000 26%),radial-gradient(circle at 79% 42%,#635bb829,#0000 31%),linear-gradient(#ffffff09 1px,#0000 1px) 0 0/58px 58px,linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/58px 58px,linear-gradient(135deg,#08090d 0%,#11121c 50%,#090a11 100%);animation:16s ease-in-out infinite alternate hero-background-drift;position:absolute;inset:-14%}html[data-theme=light] .hero-background{opacity:1;background:radial-gradient(circle at 18% 38%,#cf0b2724,#0000 28%),radial-gradient(circle at 78% 38%,#796dd829,#0000 34%),linear-gradient(#21222a0b 1px,#0000 1px) 0 0/58px 58px,linear-gradient(90deg,#21222a0b 1px,#0000 1px) 0 0/58px 58px,linear-gradient(135deg,#fffdf9 0%,#f4f0ed 48%,#eeeaf4 100%)}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:64px;min-height:calc(100svh - 108px);padding-bottom:54px;display:grid}.hero-copy{z-index:3;padding-block:56px 80px;animation:.8s cubic-bezier(.2,.7,.2,1) both hero-copy-in;position:relative}.eyebrow,.section-label{color:var(--red-bright);letter-spacing:.2px;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}.section-label:before{content:"";background:currentColor;border-radius:50%;flex:0 0 7px;width:7px;height:7px;animation:2.4s ease-out infinite attention-pulse;box-shadow:0 0 #ef233c6b}.eyebrow{background:#cf0b271f;border:1px solid #ef233c40;border-radius:999px;padding:8px 13px}.hero h1{letter-spacing:-4px;margin:22px 0 16px;font-size:clamp(62px,7vw,104px);font-weight:900;line-height:.98}.hero h1 span{color:#0000;background:linear-gradient(120deg,#fff 12%,#ff6678 85%);-webkit-background-clip:text;background-clip:text}.hero-promise{color:#f5f5f7;align-items:center;gap:12px;margin:26px 0;font-size:18px;font-weight:700;display:flex}.hero-promise i{color:var(--red-bright);font-size:11px}.hero-copy>p{color:#abadb8;max-width:650px;font-size:16px;line-height:2}html[data-theme=light] .hero-copy>p{color:#5f6168}html[data-theme=light] .hero h1 span{background:linear-gradient(120deg,#252630 12%,#cf0b27 88%);-webkit-background-clip:text;background-clip:text}html[data-theme=light] .hero-promise{color:#252630}html[data-theme=light] .hero-highlights span{color:#454751}.hero-highlights{flex-wrap:wrap;gap:10px 18px;margin-top:22px;display:flex}.hero-highlights span{color:#d8d9de;align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.hero-highlights svg{width:17px;color:var(--red-bright)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-stats{border-top:1px solid #ffffff1f;margin-top:36px;padding-top:24px;display:flex}html[data-theme=light] .hero-stats{border-color:#0000001f}html[data-theme=light] .hero-stats span{color:#686a73}.hero-stats div{border-left:1px solid #ffffff1f;padding:0 26px}.hero-stats div:first-child{padding-right:0}.hero-stats div:last-child{border-left:0}.hero-stats strong{color:var(--red-bright);font:800 30px/1 Montserrat,sans-serif;display:block}.hero-stats span{color:#989aa3;margin-top:9px;font-size:12px;display:block}.hero-visual{place-items:center;min-height:640px;animation:.95s cubic-bezier(.2,.7,.2,1) 80ms both hero-portrait-in;display:grid;position:relative}.teacher-stage{aspect-ratio:1;place-items:center;width:min(540px,42vw);display:grid;position:relative}.teacher-stage:before{content:"";background:linear-gradient(145deg,#ffffff1a,#ffffff04);border-radius:50%;position:absolute;inset:9%;box-shadow:0 0 90px #cf0b272e}.teacher-orbit{will-change:transform;border:1px dashed #ffffff29;border-radius:50%;animation:24s linear infinite teacher-orbit-spin;position:absolute;inset:0}.teacher-orbit:before{content:"";border:1px solid #ef233c40;border-radius:50%;position:absolute;inset:5%}.teacher-orbit i{background:var(--red-bright);width:12px;height:12px;box-shadow:0 0 18px var(--red-bright);border:3px solid #090a10;border-radius:50%;position:absolute;top:10%;right:16%}.teacher-circle{will-change:transform;background:#101117;border:1px solid #ffffff29;border-radius:50%;animation:5s ease-in-out infinite teacher-float;position:absolute;inset:11%;overflow:hidden;box-shadow:inset 0 0 0 7px #ffffff06,0 28px 60px #00000052}.teacher-circle img{object-fit:cover;object-position:center 12%;transform:scale(1.05)}.teacher-circle-shade{border-radius:inherit;pointer-events:none;background:linear-gradient(#0000 58%,#05060959 100%);position:absolute;inset:0}.teacher-badge{z-index:3;color:#f3f3f6;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);white-space:nowrap;background:#12131de6;border:1px solid #ffffff2b;border-radius:999px;padding:9px 15px;font-size:12px;font-weight:700;animation:4.8s ease-in-out infinite badge-float;position:absolute;box-shadow:0 10px 24px #00000040}.teacher-badge-1{top:4%;right:17%}.teacher-badge-2{animation-delay:-1.2s;top:24%;left:-3%}.teacher-badge-3{animation-delay:-2.5s;top:48%;right:-3%}.teacher-badge-4{animation-delay:-3.4s;bottom:14%;left:5%}.teacher-badge-5{animation-delay:-.7s;bottom:-1%;right:16%}.hero-scroll-cue{z-index:3;color:#777986;letter-spacing:3px;justify-items:center;gap:6px;font:700 9px Montserrat,sans-serif;display:grid;position:absolute;bottom:20px;right:50%;transform:translate(50%)}.hero-scroll-cue i{background:var(--red-bright);border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite scroll-cue}html[data-theme=light] .teacher-stage:before{background:linear-gradient(145deg,#ffffffe6,#cf0b2709);box-shadow:0 0 80px #cf0b271f}html[data-theme=light] .teacher-orbit{border-color:#cf0b2740}html[data-theme=light] .teacher-orbit:before{border-color:#cf0b2733}html[data-theme=light] .teacher-orbit i{border-color:#f6f1ef}html[data-theme=light] .hero-scroll-cue{color:#777985}.section{padding:var(--section-space) 0}.courses-section{background:var(--surface-2);color:var(--text)}html[data-theme=light] .courses-section{background:var(--paper)}.section-heading{justify-content:space-between;align-items:end;gap:var(--content-gap);margin-bottom:34px;display:flex}.section-heading.centered{text-align:center;justify-content:center}.section-heading.centered p{margin-inline:auto}.section-heading h2,.cta-inner h2{letter-spacing:-1.2px;margin:8px 0 0;font-size:clamp(32px,4vw,48px);line-height:1.25;position:relative}.section-heading h2:after{content:"";background:linear-gradient(90deg, var(--red-bright), transparent);transform-origin:100%;opacity:.35;border-radius:3px;width:54px;height:3px;transition:transform .65s .18s,opacity .65s .18s;position:absolute;bottom:-10px;right:0;transform:scaleX(.2)}.section-heading.centered h2:after{transform-origin:50%;right:50%;transform:translate(50%)scaleX(.2)}.section-heading.is-visible h2:after{opacity:1;transform:scaleX(1)}.section-heading.centered.is-visible h2:after{transform:translate(50%)scaleX(1)}.section-heading p{max-width:580px;color:var(--muted);margin:14px 0 0;line-height:1.8}.text-link{color:var(--red);white-space:nowrap;align-items:center;gap:8px;font-weight:800;display:flex}.course-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.course-card{color:#fff;border:1px solid #ffffff14;border-top:4px solid var(--red);background:linear-gradient(160deg,#1a1b20,#0f1013);border-radius:20px;flex-direction:column;min-height:370px;padding:26px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;box-shadow:0 20px 40px #0000001f}.course-card:hover{border-color:#ef233c73;transform:translateY(-6px);box-shadow:0 24px 48px #cf0b2724}.course-card.featured{background:linear-gradient(155deg,#251014,#111216 56%)}html[data-theme=light] .course-card{border-color:var(--line);color:var(--text);background:linear-gradient(160deg,#fff,#fcfbfa);box-shadow:0 15px 35px #0000000d}html[data-theme=light] .course-card.featured{background:linear-gradient(155deg,#fff2f4,#fff 56%);border-color:#ef233c33}html[data-theme=light] .course-kicker,html[data-theme=light] .price span,html[data-theme=light] .course-meta{color:var(--muted)}html[data-theme=light] .course-bottom{border-top-color:var(--line)}html[data-theme=light] .price strong{color:var(--text)}html[data-theme=light] .course-card-artwork,html[data-theme=light] .course-detail-thumbnail-wrap,html[data-theme=light] .subscribe-thumbnail-wrap,html[data-theme=light] .enrolled-course-card-thumb,html[data-theme=light] .learning-course-thumb{border-color:var(--line);background:#f4f5f7}html[data-theme=light] .course-card-fallback,html[data-theme=light] .course-detail-thumbnail-fallback,html[data-theme=light] .subscribe-thumbnail-fallback,html[data-theme=light] .enrolled-course-thumb-fallback{color:var(--red);background:radial-gradient(circle at 50% 35%,#cf0b271a,#0000 70%),linear-gradient(155deg,#fafafa 0%,#edf0f5 100%)}html[data-theme=light] .course-card-fallback-brand{color:#00000073}.course-card-head{justify-content:space-between;align-items:start;min-height:45px;display:flex}.course-card-artwork{aspect-ratio:16/9;background:#121419;border:1px solid #ffffff14;border-radius:14px;width:100%;margin-bottom:4px;position:relative;overflow:hidden}.course-card-thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.course-card:hover .course-card-thumb-img{transform:scale(1.03)}.course-card-fallback{color:#fff;background:radial-gradient(circle at 50% 35%,#cf0b2747,#0000 70%),linear-gradient(155deg,#181b22 0%,#0d0f13 100%);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex;position:relative}.course-card-fallback-glow{filter:blur(24px);pointer-events:none;background:#cf0b2726;border-radius:50%;width:90px;height:90px;position:absolute}.course-card-fallback-icon{color:var(--red-bright);width:36px;height:36px;position:relative}.course-card-fallback-brand{letter-spacing:1.5px;color:#fff9;text-transform:uppercase;font-size:11px;font-weight:800;position:relative}.course-artwork-badge{top:10px;z-index:2;position:absolute;inset-inline-start:10px;box-shadow:0 4px 12px #0000004d}.course-detail-thumbnail-wrap,.subscribe-thumbnail-wrap{aspect-ratio:16/9;background:#111419;border:1px solid #ffffff1a;border-radius:12px;width:100%;margin-bottom:16px;overflow:hidden}.course-detail-thumbnail-img,.subscribe-thumbnail-img{object-fit:cover;width:100%;height:100%;display:block}.course-detail-thumbnail-fallback,.subscribe-thumbnail-fallback{width:100%;height:100%;color:var(--red-bright);background:radial-gradient(circle at 50% 35%,#cf0b2747,#0000 70%),linear-gradient(155deg,#181b22 0%,#0d0f13 100%);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.enrolled-course-card-thumb{aspect-ratio:16/9;background:#111419;border:1px solid #ffffff14;border-radius:10px;width:100%;margin-bottom:12px;overflow:hidden}.enrolled-course-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.enrolled-course-thumb-fallback{width:100%;height:100%;color:var(--red-bright);background:radial-gradient(circle at 50% 35%,#cf0b2733,#0000 70%),linear-gradient(155deg,#181b22 0%,#0d0f13 100%);justify-content:center;align-items:center;display:flex}.learning-heading-with-thumbnail{align-items:center;gap:22px;margin-bottom:24px;display:flex}.learning-course-thumb{aspect-ratio:16/9;background:#111419;border:1px solid #ffffff1f;border-radius:12px;flex-shrink:0;width:180px;overflow:hidden;box-shadow:0 8px 24px #00000040}.learning-thumb-img{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:640px){.learning-heading-with-thumbnail{flex-direction:column;align-items:stretch;gap:14px}.learning-course-thumb{width:100%;max-width:340px}}.badge{color:#fff;background:var(--red);border-radius:999px;width:max-content;padding:6px 11px;font-size:11px;font-weight:800;display:inline-flex}.badge.new{background:#178a57}.course-icon{width:42px;height:42px;color:var(--red-bright);background:#ef233c1a;border-radius:12px;place-items:center;display:grid}.course-kicker{color:#8d8f98;letter-spacing:1.4px;text-transform:uppercase;margin:20px 0 4px;font:700 11px Montserrat,sans-serif}.course-card h3{margin:4px 0 20px;font-size:28px}.course-meta{color:#b6b7bd;gap:9px;font-size:13px;display:grid}.course-meta span{align-items:center;gap:8px;display:flex}.course-meta svg{width:17px;color:var(--red-bright)}.course-bottom{border-top:1px solid #ffffff14;justify-content:space-between;align-items:end;gap:12px;margin-top:auto;padding-top:26px;display:flex}.course-bottom .btn{padding-inline:14px;font-size:12px}.price{align-items:baseline;gap:5px;display:flex}.price strong{color:#fff;font:800 28px Montserrat,sans-serif}.price span{color:#8d8f98;font-size:12px}.why-section{isolation:isolate;background:radial-gradient(circle at 50% 0,#ef233c1c,#0000 34%),linear-gradient(135deg,#07080c 0%,#10080d 48%,#090a11 100%);position:relative;overflow:hidden}.why-section:before,.why-section:after{content:"";z-index:-1;pointer-events:none;will-change:transform;border-radius:50%;width:520px;height:520px;position:absolute}.why-section:before{filter:blur(8px);background:radial-gradient(circle,#ef233c40 0%,#9000171a 42%,#0000 70%);animation:9s ease-in-out infinite alternate why-orb-one;top:-270px;right:-110px}.why-section:after{filter:blur(10px);background:radial-gradient(circle,#704ebe2e 0%,#ef233c1a 38%,#0000 70%);animation:11s ease-in-out infinite alternate why-orb-two;bottom:-330px;left:-170px}.why-section .container{z-index:1;position:relative}.why-section .section-heading h2{color:#fff}.why-section .section-heading p{color:#bfc1cb}.feature-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.feature-card{color:#f6f6f8;background:linear-gradient(145deg,#241218f5,#13141bf5 58%,#0e0f15fa);border:1px solid #ef233c33;border-radius:20px;min-height:250px;padding:28px 24px;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 18px 40px #0000002e,inset 0 1px #ffffff0b}.feature-card>*{z-index:1;position:relative}.feature-card:hover{border-color:#ff475e8c;transform:translateY(-7px);box-shadow:0 24px 52px #00000047,0 0 32px #cf0b271f}.feature-card:before{content:"";z-index:1;background:linear-gradient(90deg, transparent, var(--red-bright), transparent);opacity:.7;height:2px;transition:transform .45s,opacity .45s;position:absolute;top:0;left:18px;right:18px;transform:scaleX(.5)}.feature-card:hover:before{opacity:1;transform:scaleX(1)}.feature-card:after{content:"";z-index:0;opacity:.5;background:radial-gradient(circle,#ef233c38,#0000 68%);border-radius:50%;width:210px;height:210px;transition:transform .5s,opacity .5s;position:absolute;bottom:-145px;left:-135px}.feature-card:hover:after{opacity:.9;transform:translate(34px,-30px)scale(1.14)}.feature-number{color:#ff4e631f;letter-spacing:-4px;font:900 72px Montserrat,sans-serif;position:absolute;top:4px;left:18px}.feature-icon{color:#fff;background:linear-gradient(145deg, var(--red-bright), var(--red-dark));border:1px solid #ffffff1a;border-radius:15px;place-items:center;width:52px;height:52px;margin-bottom:28px;transition:transform .35s,box-shadow .35s;display:grid;box-shadow:0 10px 26px #cf0b2738}.feature-icon svg{width:23px}.feature-card:hover .feature-icon{transform:rotate(-6deg)scale(1.08);box-shadow:0 14px 30px #ef233c57}.feature-card h3{margin:0 0 10px;font-size:20px}.feature-card p{color:#b6b8c2;margin:0;font-size:14px;line-height:1.85}.testimonial-section{background:var(--surface)}.testimonial-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.testimonial-card{background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:28px;transition:transform .25s,border-color .25s,box-shadow .25s}.testimonial-card:hover{border-color:#ef233c52;transform:translateY(-4px)}.stars{color:#f8b84e;gap:3px;display:flex}.testimonial-card blockquote{min-height:84px;margin:22px 0 28px;font-size:16px;line-height:1.9}.student{align-items:center;gap:12px;display:flex}.student>span{color:#fff;background:var(--red);border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.student strong,.student small{display:block}.student small{color:var(--muted);margin-top:3px;font-size:11px}.cta-section{color:#fff;background:linear-gradient(110deg, var(--red-dark), var(--red-bright));padding:58px 0;position:relative;overflow:hidden}.cta-section:after{content:"";border:1px solid #ffffff29;border-radius:50%;width:340px;height:340px;animation:8s ease-in-out infinite cta-ring;position:absolute;top:-180px;left:-100px}.cta-inner{justify-content:space-between;align-items:center;gap:30px;display:flex}.cta-inner .section-label{color:#fff;opacity:.8}.footer{color:#d2d3d8;background:linear-gradient(#090a0d,#060709);border-top:1px solid #ffffff14;padding:50px 0 22px;position:relative;overflow:hidden}.footer:before{content:"";background:linear-gradient(90deg, transparent, var(--red-bright), transparent);height:1px;animation:4s ease-in-out infinite footer-line;position:absolute;top:0;left:12%;right:12%}.footer-grid{grid-template-columns:1.1fr .8fr auto;align-items:center;gap:36px;display:grid}.footer-intro{justify-items:start;gap:12px;display:grid}.footer-brand strong{font-size:24px}.footer-brand small{color:#a6a8b0}.footer-brand+p{color:#afb1ba;max-width:260px;margin:0;font-size:13px;line-height:1.8}.footer-links{color:#d5d6dc;grid-template-columns:1fr 1fr;gap:12px 24px;font-size:13px;display:grid}.footer-links a{width:max-content;transition:color .2s,transform .2s}.footer-links a:hover{color:#fff;transform:translate(-3px)}.socials{direction:ltr;gap:9px;display:flex}.socials a{color:#dadbe1;background:#15161a;border:1px solid #ffffff1f;border-radius:11px;place-items:center;width:42px;height:42px;transition:transform .25s,color .25s,border-color .25s,background .25s;display:grid}.socials a:hover{color:#fff;background:var(--red);border-color:var(--red-bright);transform:translateY(-4px)rotate(-3deg)}.socials svg{width:18px}.copyright{color:#8e9099;text-align:center;border-top:1px solid #ffffff14;margin-top:32px;padding-top:20px;font-size:11px}.inner-page{min-height:80vh;padding-top:102px}.page-hero{text-align:center;background:radial-gradient(circle at 50% 0, #cf0b2738, transparent 42%), var(--surface);border-bottom:1px solid var(--line);padding:86px 0 70px}.page-hero.compact{padding:66px 0 48px}.page-hero h1{margin:8px 0;font-size:clamp(40px,6vw,64px)}.page-hero p{color:var(--muted);margin:0}.filter-tabs{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;gap:5px;width:max-content;max-width:100%;margin:0 auto 40px;padding:6px;display:flex;overflow:auto}.filter-tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:10px 20px;font-weight:700}.filter-tabs button.active{color:#fff;background:var(--red)}.about-hero{background:radial-gradient(circle at 15%,#cf0b2730,#0000 28%);padding:70px 0 88px}.about-grid{gap:var(--content-gap);grid-template-columns:.9fr 1.1fr;align-items:center;display:grid}.about-portrait{border:1px solid var(--line);background:#111;border-radius:24px;min-height:610px;position:relative;overflow:hidden}.about-portrait img{object-fit:cover;object-position:center top}.about-portrait:after{content:"";background:linear-gradient(90deg,#0000 58%,#08090b61 100%),linear-gradient(#0000 76%,#08090b);position:absolute;inset:0}.about-copy h1{margin:9px 0 4px;font-size:clamp(42px,6vw,70px)}.about-copy h2{color:var(--red-bright);margin:0 0 22px;font-size:18px}.about-copy>p{color:var(--muted);font-size:17px;line-height:2}.about-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:35px;display:grid}.about-stats div{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:20px 12px;display:grid}.about-stats svg{width:21px;color:var(--red-bright);margin:0 auto 12px}.about-stats strong{font:800 27px Montserrat,sans-serif}.about-stats span{color:var(--muted);margin-top:4px;font-size:11px}.contact-grid{gap:var(--content-gap);grid-template-columns:.85fr 1.15fr;align-items:start;display:grid}.contact-info h2{margin:0 0 10px;font-size:32px}.contact-info>p{color:var(--muted);margin-bottom:35px;line-height:1.8}.contact-info>a{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:14px;margin-top:12px;padding:16px;display:flex}.contact-info>a>svg{width:43px;height:43px;color:var(--red-bright);background:#ef233c1a;border-radius:12px;padding:11px}.contact-info small,.contact-info span{display:block}.contact-info small{color:var(--muted);margin-bottom:3px}.form-card,.payment-card,.order-summary{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:30px}.form-card{gap:18px;display:grid}.form-card label,.payment-card>label{color:var(--muted);gap:8px;font-size:13px;font-weight:700;display:grid}input,textarea,select{width:100%;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:11px;outline:none;padding:13px 15px}input:focus,textarea:focus,select:focus{border-color:var(--red-bright);box-shadow:0 0 0 3px #ef233c1a}.success-toast{color:#79d7a7;background:#178a571f;border:1px solid #178a5747;border-radius:11px;align-items:center;gap:9px;padding:13px;font-size:13px;display:flex}.auth-page{background:radial-gradient(circle at 50% 25%,#cf0b2729,#0000 30%);place-items:center;min-height:100vh;padding:145px 20px 85px;display:grid}.auth-wrap{width:min(480px,100%)}.auth-heading{text-align:center;margin-bottom:25px}.auth-heading h1{margin:7px 0;font-size:42px}.auth-heading p{color:var(--muted);margin:0}.auth-switch{color:var(--muted);text-align:center;font-size:13px}.auth-switch a{color:var(--red-bright);font-weight:800}.auth-native-form{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);text-align:right;border-radius:20px;gap:18px;padding:32px;display:grid}.auth-form-header{text-align:center;gap:4px;margin-bottom:6px;display:grid}.auth-form-title{color:var(--text);margin:0;font-size:24px;font-weight:800}.auth-form-sub{color:var(--muted);margin:0;font-size:13px}.auth-switch-link{color:var(--muted);text-align:center;margin-top:4px;font-size:13px;display:block}.auth-switch-link span{color:var(--red-bright);font-weight:800}.auth-fields-col{text-align:right;gap:14px;display:grid}.auth-label{color:var(--text);text-align:right;margin-bottom:4px;font-size:13px;font-weight:700;display:block}.auth-req{color:var(--red-bright)}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-icon{color:var(--muted);pointer-events:none;z-index:1;position:absolute;right:14px}.auth-input{width:100%;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:12px;outline:none;padding:12px 44px 12px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:var(--red-bright);box-shadow:0 0 0 3px #ef233c24}.auth-select{appearance:none;cursor:pointer}.auth-eye-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:4px;display:grid;position:absolute;left:14px}.auth-eye-btn:hover{color:var(--text)}.auth-error-banner{color:#ff9aaa;text-align:right;background:#cf0b2724;border:1px solid #ef233c47;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.auth-submit-btn{width:100%;margin-top:6px;font-size:15px}.auth-stay-signed-in{color:var(--text);cursor:pointer;align-items:center;gap:10px;display:flex}.auth-stay-signed-in input{width:18px;height:18px;accent-color:var(--red-bright);flex:none}.auth-stay-signed-in span,.auth-stay-signed-in strong,.auth-stay-signed-in small{display:block}.auth-stay-signed-in strong{font-size:12px}.auth-stay-signed-in small{color:var(--muted);margin-top:2px;font-size:10px}.auth-grid-1{gap:14px;display:grid}.auth-grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:600px){.auth-grid-2{grid-template-columns:1fr}}.admin-page{background:radial-gradient(circle at 82% 4%,#cf0b2721,#0000 28%),#090a0d;padding:112px 20px 54px}.admin-layout{grid-template-columns:272px minmax(0,1fr);gap:20px;width:min(1510px,100%);min-height:780px;margin-inline:auto}.admin-sidebar{background:linear-gradient(#15161b,#101116);border:1px solid #ffffff17;border-radius:22px;height:calc(100vh - 124px);min-height:650px;padding:22px 14px 16px;top:104px;overflow-y:auto;box-shadow:0 22px 50px #00000047}.admin-brand{border-bottom:1px solid #ffffff14;padding:3px 5px 20px}.admin-sidebar nav{margin-top:18px}.admin-sidebar nav button{min-height:44px;font-weight:800}.admin-main{background:0 0;padding:0}.admin-topbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121318e6;border-radius:18px;min-height:66px;margin-bottom:18px;padding:10px 18px}.admin-topbar .section-label{font-size:8px}.admin-topbar>.btn{background:var(--surface-2);border-color:var(--line);min-height:39px;padding:9px 14px}.teacher-welcome-hero{color:#fff;min-height:230px;box-shadow:var(--shadow);background:radial-gradient(circle at 12% 18%,#ffffff12,#0000 25%),linear-gradient(120deg,#191a20 0%,#111217 58%,#3b0712 100%);border:1px solid #ffffff1a;border-radius:24px;justify-content:space-between;align-items:center;gap:35px;margin-bottom:18px;padding:clamp(28px,4vw,45px);display:flex;position:relative;overflow:hidden}.teacher-welcome-hero:after{content:"";border:48px solid #ef233c12;border-radius:50%;width:330px;height:330px;position:absolute;bottom:-145px;left:-70px}.teacher-welcome-hero>*{z-index:1;position:relative}.teacher-welcome-hero>div:first-child>span{color:#ff5d74;font-size:10px;font-weight:900}.teacher-welcome-hero h2{margin:7px 0 4px;font-size:clamp(29px,4vw,45px)}.teacher-welcome-hero p{color:#aaadb5;margin:0;font-size:11px}.teacher-quick-actions{grid-template-columns:1fr 1fr;gap:9px;width:min(390px,100%);display:grid}.teacher-quick-actions button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff1;border:1px solid #ffffff1c;border-radius:12px;align-items:center;gap:8px;min-height:48px;padding:10px 13px;font-size:9px;font-weight:900;display:flex}.teacher-quick-actions button:first-child{background:linear-gradient(135deg, var(--red-bright), var(--red-dark));border-color:#0000}.teacher-quick-actions svg{width:16px}.admin-main .dashboard-panel{border-radius:19px;box-shadow:0 14px 35px #0000001f}.admin-main .stats-grid article{border-radius:16px}.admin-main .stack-form input,.admin-main .stack-form select,.admin-main .stack-form textarea{width:100%;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:10px;outline:0}.admin-main .stack-form input:focus,.admin-main .stack-form select:focus,.admin-main .stack-form textarea:focus{border-color:var(--red-bright);box-shadow:0 0 0 3px #cf0b2717}.admin-main .management-list article{transition:border-color .2s,transform .2s}.admin-main .management-list article:hover{border-color:#ef233c40;transform:translateY(-2px)}.mcq-type-badge{color:#71d9aa;background:#31b77917;border:1px solid #31b77929;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:10px 12px;font-size:10px;display:flex}.mcq-type-badge svg{width:16px}.question-editor{background:linear-gradient(145deg, var(--surface-2), #cf0b2709);border-color:#ffffff17}.question-editor label>small{color:var(--muted);margin-top:3px;font-size:8px;font-weight:500}.teacher-login-page{color:#f7f7f8;background:radial-gradient(circle at 15% 10%,#cf0b2738,#0000 30%),#090a0d;place-items:center;min-height:100vh;padding:122px 20px 56px;display:grid}.teacher-login-shell{background:#111216;border:1px solid #ffffff17;border-radius:27px;grid-template-columns:1.05fr .95fr;width:min(1050px,100%);min-height:600px;display:grid;overflow:hidden;box-shadow:0 35px 100px #00000080}.teacher-login-intro{background:radial-gradient(circle at 20% 80%,#ef233c29,#0000 30%),linear-gradient(145deg,#17191e,#300910);flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.teacher-login-intro:after{content:"";border:55px solid #ffffff09;border-radius:50%;width:390px;height:390px;position:absolute;bottom:-150px;left:-100px}.teacher-login-intro>*{z-index:1;position:relative}.teacher-login-brand{direction:ltr;align-items:center;gap:11px;display:flex}.teacher-login-brand svg{color:#fff;background:var(--red);border-radius:12px;width:43px;height:43px;padding:11px}.teacher-login-brand strong{color:#fff;font:900 22px Montserrat,sans-serif}.teacher-login-intro>div:nth-child(2)>span{color:#ff6379;font-size:10px;font-weight:900}.teacher-login-intro h1{margin:9px 0 10px;font-size:clamp(33px,5vw,49px);line-height:1.35}.teacher-login-intro p{color:#afb1b9;max-width:440px;margin:0;font-size:11px;line-height:1.9}.teacher-login-features{flex-wrap:wrap;gap:8px;display:flex}.teacher-login-features span{color:#c2c4ca;background:#ffffff0e;border-radius:999px;align-items:center;gap:6px;padding:8px 10px;font-size:8px;display:flex}.teacher-login-features svg{color:#ff5d74;width:13px}.teacher-login-form-wrap{flex-direction:column;justify-content:center;padding:clamp(34px,5vw,55px);display:flex}.teacher-login-icon{color:#fff;background:linear-gradient(145deg, var(--red-bright), var(--red-dark));border-radius:16px;place-items:center;width:55px;height:55px;margin-bottom:20px;display:grid;box-shadow:0 14px 30px #cf0b2740}.teacher-login-icon svg{width:25px}.teacher-login-form-wrap h2{margin:5px 0 4px;font-size:28px}.teacher-login-form-wrap>p{color:var(--muted);margin:0 0 23px;font-size:10px}.teacher-login-form{gap:15px;display:grid}.teacher-login-form label{gap:7px;display:grid}.teacher-login-form label>span{color:#c6c7cd;align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.teacher-login-form label svg{width:15px}.teacher-login-form input{color:#fff;background:#191a20;border:1px solid #ffffff1a;border-radius:11px;outline:0;min-height:49px;padding:11px 13px}.teacher-login-form input:focus{border-color:var(--red-bright);box-shadow:0 0 0 3px #cf0b271a}.teacher-login-form .btn{justify-content:space-between;width:100%;min-height:49px;margin-top:3px}.teacher-login-form .btn svg{width:16px}.teacher-login-error{color:#ff7185;background:#cf0b2714;border-radius:9px;align-items:center;gap:7px;padding:10px;font-size:9px;display:flex}.teacher-login-error svg{width:14px}.teacher-login-form-wrap>small{color:#70727c;align-items:center;gap:6px;margin-top:18px;font-size:8px;display:flex}.teacher-login-form-wrap>small svg{width:13px}@media (max-width:1100px){.admin-layout{grid-template-columns:235px minmax(0,1fr)}.teacher-welcome-hero{flex-direction:column;align-items:flex-start}}@media (max-width:850px){.admin-page{padding:101px 13px 35px}.admin-layout{display:block}.admin-main{padding:0}.admin-sidebar{border-radius:20px 0 0 20px;width:min(290px,87vw);height:100vh;min-height:0;position:fixed;top:0;bottom:0;right:0}.teacher-login-shell{grid-template-columns:1fr}.teacher-login-intro{min-height:370px}}@media (max-width:560px){.teacher-welcome-hero{padding:27px 22px}.teacher-quick-actions{grid-template-columns:1fr}.teacher-login-page{padding:105px 12px 30px}.teacher-login-intro{min-height:330px;padding:28px}.teacher-login-features{display:none}.teacher-login-form-wrap{padding:30px 23px}.admin-topbar>.btn{width:40px;padding:8px;font-size:0}}.video-watermark.video-watermark-top{color:#ffffffdb;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0000008f;border:1px solid #ffffff2e;align-items:center;gap:6px;max-width:calc(100% - 32px);display:flex;inset:16px auto auto 16px;overflow:hidden;box-shadow:0 5px 18px #00000047;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}.video-watermark-top svg{flex:none;width:13px;height:13px}.video-watermark.video-watermark-trace{z-index:3;color:#ffffff61;text-overflow:ellipsis;white-space:nowrap;background:#0000002e;border:1px solid #ffffff1f;max-width:48%;animation:16s ease-in-out infinite alternate video-watermark-patrol;inset:48% auto auto 8%;overflow:hidden;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}@keyframes video-watermark-patrol{0%{inset:22% auto auto 7%}45%{inset:68% auto auto 43%}75%{inset:12% auto auto 48%}to{inset:73% auto auto 9%}}@media (prefers-reduced-motion:reduce){.video-watermark.video-watermark-trace{animation:none}}.lesson-complete-message{color:#70daa9;background:#2db5771a;border:1px solid #49d29429;border-radius:11px;align-items:center;gap:8px;margin-top:13px;padding:12px 14px;font-size:10px;font-weight:800;display:flex}.lesson-complete-message svg{width:17px}.exam-focus-warning{z-index:3000;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#040507e0;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.exam-focus-warning>div{width:min(500px,100%);color:var(--text);background:var(--surface);text-align:center;border:1px solid #ef233c47;border-radius:22px;padding:34px;box-shadow:0 28px 90px #0000008c}.exam-focus-warning>div>svg{color:#ffaf45;background:#ffab2f1a;border-radius:17px;width:58px;height:58px;padding:15px}.exam-focus-warning span{color:#ff6379;margin-top:14px;font-size:9px;font-weight:900;display:block}.exam-focus-warning h2{margin:6px 0;font-size:23px}.exam-focus-warning p{max-width:410px;color:var(--muted);margin:0 auto 20px;font-size:10px;line-height:1.9}.auth-col-span-2{grid-column:1/-1}.auth-field-group{text-align:right;gap:2px;display:grid}.auth-avatar-hint{color:var(--muted);text-align:center;margin:0;font-size:11px}.auth-certificate-panel{background:#ef233c0e;border:1px solid #ef233c47;border-radius:14px;gap:12px;padding:16px;display:grid}.auth-certificate-heading{align-items:center;gap:11px;display:flex}.auth-certificate-heading>svg{color:var(--red-bright);flex:none}.auth-certificate-heading strong,.auth-certificate-heading small{display:block}.auth-certificate-heading small{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.7}.auth-file-picker{color:#fff;cursor:pointer;background:#0003;border:1px dashed #ffffff38;border-radius:10px;align-items:center;gap:9px;min-height:48px;padding:10px 14px;font-size:11px;font-weight:800;display:flex}.auth-file-picker:hover{border-color:var(--red-bright)}.auth-file-picker input{opacity:0;width:1px;height:1px;position:absolute}.auth-legal-agreement{border:1px solid var(--line);color:#d5d6dc;background:var(--surface-2);cursor:pointer;border-radius:12px;grid-template-columns:auto auto 1fr;align-items:start;gap:10px;padding:14px;font-size:11px;font-weight:700;line-height:1.9;display:grid}.auth-legal-agreement input{width:17px;height:17px;accent-color:var(--red-bright);margin-top:3px}.auth-legal-agreement svg{color:var(--red-bright);margin-top:1px}.staff-portal-banner{text-align:center;color:var(--text);background:#ef233c14;border:1px dashed #ef233c4d;border-radius:12px;margin-top:14px;padding:12px;font-size:13px}.staff-portal-banner a{color:var(--red-bright);margin-right:4px;font-weight:800;text-decoration:underline}.course-detail-hero{background:radial-gradient(circle at 15% 30%,#cf0b2733,#0000 28%);padding:84px 0 74px}.course-detail-grid{gap:var(--content-gap);grid-template-columns:1.3fr .7fr;align-items:center;display:grid}.course-detail-grid h1{margin:15px 0;font-size:clamp(45px,6vw,70px)}.course-detail-grid>div>p{max-width:650px;color:var(--muted);font-size:17px;line-height:1.9}.include-list{grid-template-columns:1fr 1fr;gap:14px;margin:28px 0 0;padding:0;list-style:none;display:grid}.include-list li{align-items:center;gap:8px;display:flex}.include-list svg{width:19px;color:var(--red-bright)}.enroll-card{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--red);border-radius:18px;padding:28px}.enroll-card>span{color:var(--muted)}.big-price{margin:8px 0 24px;font:900 50px Montserrat,sans-serif}.big-price small{color:var(--muted);font:600 14px Cairo,sans-serif}.enroll-card .btn{width:100%}.enroll-card p{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin:16px 0 0;font-size:11px;display:flex}.detail-content{grid-template-columns:1.3fr .7fr;align-items:start;gap:50px;display:grid}.lecture-list{gap:10px;display:grid}.lecture-list>div{background:var(--surface);border:1px solid var(--line);border-radius:13px;align-items:center;gap:13px;padding:16px 18px;display:flex}.lecture-number{color:var(--red-bright);font:800 12px Montserrat,sans-serif}.lecture-list svg{width:18px;color:var(--muted)}.lecture-list .lock{margin-right:auto}.preview-box{text-align:center;background:repeating-linear-gradient(135deg, var(--surface), var(--surface) 12px, var(--surface-2) 12px, var(--surface-2) 24px);border:1px solid var(--line);border-radius:18px;align-content:center;place-items:center;min-height:280px;padding:35px;display:grid}.preview-box>svg{width:50px;height:50px;color:var(--red-bright)}.preview-box h3{margin:15px 0 5px}.preview-box p{color:var(--muted);margin:0;font-size:13px}.subscribe-grid{gap:var(--content-gap);grid-template-columns:.7fr 1.3fr;align-items:start;display:grid}.order-summary>span{color:var(--red-bright);font-size:12px;font-weight:800}.order-summary h2{margin:8px 0 4px;font-size:28px}.order-summary>p{color:var(--muted);margin:0 0 24px}.order-summary>div{border-top:1px solid var(--line);justify-content:space-between;padding-top:18px;display:flex}.order-summary strong{color:var(--red-bright)}.payment-card h2{margin:0 0 20px}.payment-methods{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:22px;display:grid}.payment-methods button{min-height:105px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:13px;align-content:center;place-items:center;gap:8px;padding:12px;display:grid}.payment-methods button.active{color:#fff;border-color:var(--red-bright);background:#ef233c1f}.payment-card>.btn{width:100%;margin-top:18px}.form-hint{color:var(--muted);text-align:center;font-size:11px}.payment-success{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:20px;align-content:center;place-items:center;min-height:340px;padding:45px;display:grid}.payment-success svg{color:#47c787;width:65px;height:65px}.payment-success h2{margin:15px 0 4px;font-size:34px}.payment-success p{color:var(--muted)}html[data-theme=light] .feature-card,html[data-theme=light] .testimonial-card,html[data-theme=light] .form-card,html[data-theme=light] .payment-card,html[data-theme=light] .order-summary,html[data-theme=light] .contact-info>a,html[data-theme=light] .about-stats div{border-color:#231d201a;box-shadow:0 12px 32px #342a2e12}html[data-theme=light] .testimonial-card{background:#f8f6f3}html[data-theme=light] .why-section{background:radial-gradient(circle at 50% 0,#cf0b271a,#0000 35%),linear-gradient(135deg,#fffaf8 0%,#f8f3f2 48%,#f1eef8 100%)}html[data-theme=light] .why-section:before{background:radial-gradient(circle,#ef233c33 0%,#ef233c12 45%,#0000 70%)}html[data-theme=light] .why-section:after{background:radial-gradient(circle,#704ebe24 0%,#cf0b270f 42%,#0000 70%)}html[data-theme=light] .why-section .section-heading h2{color:#17171d}html[data-theme=light] .why-section .section-heading p{color:#595b64}html[data-theme=light] .feature-card{color:#202127;background:linear-gradient(145deg,#fffffff5,#fff8f8f0);border-color:#cf0b2724;box-shadow:0 16px 38px #482d3517,inset 0 1px #fff}html[data-theme=light] .feature-card:hover{border-color:#cf0b2761;box-shadow:0 22px 48px #5c2d3924}html[data-theme=light] .feature-card p{color:#62646d}html[data-theme=light] .feature-number{color:#cf0b2717}.motion-ready .scroll-reveal{opacity:0;transition:opacity .72s,transform .72s cubic-bezier(.2,.75,.25,1);transition-delay:var(--reveal-delay,0s);transform:translateY(42px)scale(.985)}.motion-ready .scroll-reveal.is-visible{opacity:1;transform:translate(0,0)scale(1)}.motion-ready .course-grid .scroll-reveal:nth-child(2n),.motion-ready .feature-grid .scroll-reveal:nth-child(2n){transform:translateY(58px)scale(.975)}.motion-ready .course-grid .scroll-reveal:nth-child(2n).is-visible,.motion-ready .feature-grid .scroll-reveal:nth-child(2n).is-visible{transform:translate(0,0)scale(1)}@keyframes hero-copy-in{0%{opacity:0;transform:translate(34px,20px)}to{opacity:1;transform:translate(0,0)}}@keyframes hero-portrait-in{0%{opacity:0;transform:translate(-45px,35px)scale(.96)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes hero-background-drift{0%{transform:translate(-1.5%,-1%)scale(1.01)}to{transform:translate(1.5%,1%)scale(1.035)}}@keyframes teacher-orbit-spin{to{transform:rotate(360deg)}}@keyframes teacher-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-9px)}}@keyframes badge-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-6px)}}@keyframes scroll-cue{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}@keyframes attention-pulse{0%{box-shadow:0 0 #ef233c61}65%,to{box-shadow:0 0 0 9px #ef233c00}}@keyframes cta-ring{0%,to{opacity:.45;transform:scale(.92)}50%{opacity:.15;transform:scale(1.08)}}@keyframes footer-line{0%,to{opacity:.45;transform:scaleX(.55)}50%{opacity:1;transform:scaleX(1)}}@keyframes why-orb-one{0%{transform:translate(0,0)scale(.9)}to{transform:translate(-150px,105px)scale(1.18)}}@keyframes why-orb-two{0%{transform:translate(0,0)scale(.95)}to{transform:translate(180px,-95px)scale(1.2)}}@media (max-width:1050px){.nav-menu{gap:16px}.nav-menu a{font-size:12px}.hero-grid{grid-template-columns:1.08fr .92fr}.teacher-stage{width:min(480px,44vw)}.feature-grid{grid-template-columns:1fr 1fr}}@media (max-width:800px){.container{width:min(100% - 28px,680px)}.site-header{padding:9px}.nav-shell{border-radius:16px;min-height:64px;padding:8px 10px}.brand-icon{width:38px;height:38px}.brand strong{font-size:18px}.theme-toggle{width:64px}.hero{min-height:auto;padding-top:84px}.hero-grid{flex-direction:column;gap:8px;min-height:auto;padding-bottom:52px;display:flex}.hero-copy{text-align:center;padding:65px 0 12px}.eyebrow{font-size:11px}.hero h1{letter-spacing:-2px;margin-top:18px;font-size:clamp(44px,13vw,64px)}.hero-promise{justify-content:center;font-size:15px}.hero-copy>p{font-size:15px}.hero-highlights,.hero-actions,.hero-stats{justify-content:center}.hero-stats div{padding:0 14px}.hero-stats strong{font-size:24px}.hero-stats span{font-size:10px}.hero-visual{width:100%;min-height:560px}.teacher-stage{width:min(520px,88vw)}.teacher-badge{padding:8px 12px;font-size:10px}.hero-scroll-cue{bottom:10px}.section{padding:68px 0}.section-heading{flex-direction:column;align-items:start;margin-bottom:30px}.course-grid,.testimonial-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.feature-card{min-height:230px}.cta-inner{flex-direction:column;align-items:start}.footer{padding-top:44px}.footer-grid{text-align:center;grid-template-columns:1fr;justify-items:center;gap:28px}.footer-intro,.footer-links{justify-items:center}.about-grid,.contact-grid,.course-detail-grid,.detail-content,.subscribe-grid{grid-template-columns:1fr}.about-portrait{order:2;min-height:480px}.about-copy{text-align:center}.course-detail-grid{gap:40px}.payment-methods{grid-template-columns:1fr 1fr}.inner-page{padding-top:82px}}@media (max-width:480px){.brand small{display:none}.theme-toggle{flex-basis:60px;width:60px}.theme-toggle.is-light .theme-thumb{transform:translate(25px)}.hero-background{background-size:auto,auto,44px 44px,44px 44px,auto;inset:-24%}.hero-actions .btn{width:100%}.hero-stats{margin-top:32px}.hero-stats div{padding-inline:9px}.hero-visual{min-height:450px}.teacher-stage{width:min(410px,94vw)}.teacher-badge{padding:7px 9px;font-size:9px}.teacher-badge-1{top:2%;right:18%}.teacher-badge-2{top:25%;left:-1%}.teacher-badge-3{top:51%;right:-1%}.teacher-badge-4{bottom:12%;left:4%}.teacher-badge-5{bottom:-2%;right:14%}.feature-grid{grid-template-columns:1fr}.section-heading h2,.cta-inner h2{font-size:31px}.course-card{min-height:360px}.about-stats{grid-template-columns:1fr 1fr 1fr}.about-stats div{padding:15px 6px}.include-list{grid-template-columns:1fr}.lecture-list>div{padding:13px 12px;font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.scroll-reveal{opacity:1!important;transform:none!important}}.portal-page{background:radial-gradient(circle at 15% 0, #cf0b2729, transparent 30%), var(--ink);min-height:100vh;padding:132px 0 80px}.dashboard-shell{gap:24px;display:grid}.dashboard-welcome{color:#fff;box-shadow:var(--shadow);background:linear-gradient(130deg,#181920,#0e0f14 58%,#360914);border:1px solid #ffffff1a;border-radius:24px;justify-content:space-between;align-items:center;gap:28px;padding:34px;display:flex}.dashboard-welcome h1{margin:8px 0 2px;font-size:clamp(30px,4vw,48px)}.dashboard-welcome p{color:#aeb0ba;margin:0}.dashboard-actions{flex-wrap:wrap;gap:10px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stats-grid article{background:var(--surface);border:1px solid var(--line);border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;min-height:138px;padding:22px;display:grid;box-shadow:0 12px 30px #0000001f}.stats-grid article>svg{color:#fff;background:linear-gradient(145deg, var(--red-bright), var(--red-dark));border-radius:14px;grid-row:1/3;width:46px;height:46px;padding:12px}.stats-grid article span{color:var(--muted);font-size:12px;font-weight:700}.stats-grid article strong{font:900 29px/1 Montserrat,sans-serif}.dashboard-columns{grid-template-columns:1fr 1fr;gap:24px;display:grid}.dashboard-panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 16px 38px #0000001f}.panel-title{align-items:center;gap:13px;margin-bottom:22px;display:flex}.panel-title>svg{width:42px;height:42px;color:var(--red-bright);background:#cf0b271c;border-radius:12px;padding:10px}.panel-title h2{margin:0;font-size:21px}.panel-title p{color:var(--muted);margin:3px 0 0;font-size:12px}.dashboard-list,.management-list{gap:10px;display:grid}.dashboard-list>article,.management-list>article{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:15px;display:flex}.dashboard-list strong,.dashboard-list small,.management-list strong,.management-list small{display:block}.dashboard-list small,.management-list small{color:var(--muted);margin-top:3px;font-size:11px}.management-list p{max-width:520px;color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.7}.list-actions{align-items:center;gap:9px;display:flex}.list-actions details{position:relative}.list-actions summary{cursor:pointer;list-style:none}.list-actions summary::-webkit-details-marker{display:none}.dashboard-popover-form{z-index:30;top:44px;width:min(380px,100vw - 48px);max-height:70vh;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;position:absolute;inset-inline-end:0;overflow:auto;box-shadow:0 20px 60px #00000059}.lecture-code-manager{gap:8px;width:min(100%,480px);min-width:min(100%,240px);display:grid}.lecture-code-trigger{min-height:44px;transition:color .16s,border-color .16s,background-color .16s,transform .16s}.lecture-code-trigger:active,.lecture-redemption-card .btn:active{transform:translateY(1px)}.generated-lecture-code{border:1px solid color-mix(in srgb, var(--primary) 42%, var(--line));background:var(--surface);text-align:start;border-radius:12px;gap:12px;width:100%;padding:16px;animation:.32s ease-out both lecture-code-reveal;display:grid}.generated-lecture-code p,.lecture-code-history small{color:var(--muted);margin:4px 0 0;line-height:1.7}.generated-lecture-code code{overflow-wrap:anywhere;background:var(--surface-2);max-width:100%;color:var(--text);text-align:center;letter-spacing:.045em;border-radius:8px;padding:12px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(.78rem,2.7vw,1rem);font-weight:800}.generated-lecture-code .btn{min-height:44px}.lecture-code-error{color:var(--red-bright);margin:0;line-height:1.7}.lecture-code-history summary{cursor:pointer;min-height:44px;color:var(--muted)}.lecture-code-history>div{gap:8px;display:grid}.lecture-code-history article{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;transition:border-color .18s,background-color .18s;display:grid}:is(.management-list>article:has(.lecture-code-manager.has-generated-code),.management-list>article:has(.lecture-code-history[open])){flex-direction:column;align-items:flex-start}:is(.management-list>article:has(.lecture-code-manager.has-generated-code) .list-actions,.management-list>article:has(.lecture-code-history[open]) .list-actions){flex-wrap:wrap;align-items:flex-start;width:100%}:is(.management-list>article:has(.lecture-code-manager.has-generated-code) .lecture-code-manager,.management-list>article:has(.lecture-code-history[open]) .lecture-code-manager){flex:420px}.lecture-redemption-card{gap:24px;max-width:760px;margin-inline:auto;transition:border-color .22s,background-color .22s;display:grid}.lecture-redemption-card.is-success{border-color:#22c55e61}.lecture-redemption-heading{align-items:flex-start;gap:16px;display:flex}.lecture-redemption-heading>span{color:#fff;background:var(--red);border-radius:12px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}.lecture-redemption-heading h2,.lecture-redemption-heading p{margin:0}.lecture-redemption-heading small,.lecture-redemption-heading p,.lecture-redemption-card form small{color:var(--muted);line-height:1.7}.lecture-redemption-card form{gap:10px;display:grid}.lecture-redemption-card form label{font-weight:800}.lecture-redemption-card form input{border:1px solid var(--line);width:100%;min-height:52px;color:var(--text);background:var(--surface-2);text-align:center;text-transform:uppercase;border-radius:8px;padding-inline:14px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1rem;transition:border-color .16s,background-color .16s,box-shadow .16s}.lecture-redemption-card form input:focus{border-color:var(--red);box-shadow:0 0 0 3px #d7193f24}.lecture-redemption-card form input[aria-invalid=true]{border-color:var(--red-bright);animation:.18s ease-out lecture-code-nudge}.lecture-redemption-card form .btn{min-height:48px;margin-block-start:6px}.lecture-redemption-error{color:var(--red-bright);margin:0;font-weight:700}.lecture-redemption-success{background:#22c55e14;border:1px solid #22c55e59;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;animation:.38s ease-out both lecture-success-enter;display:grid}.lecture-redemption-success>svg{color:#22c55e}.lecture-redemption-success p{margin:2px 0 0;line-height:1.7}.granted-lectures-card{gap:16px;display:grid}.granted-lecture-list{gap:8px;display:grid}.granted-lecture-list article{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px;transition:border-color .18s,background-color .18s;display:flex}.granted-lecture-list article>span{min-width:0;display:grid}.granted-lecture-list small{color:var(--muted)}.granted-lecture-list a{min-height:44px;color:var(--red);align-items:center;gap:6px;font-weight:800;transition:color .16s,transform .16s;display:inline-flex}.granted-lecture-list a:hover{color:var(--red-bright)}.granted-lecture-list a:active{transform:translateY(1px)}@keyframes lecture-code-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes lecture-success-enter{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes lecture-code-nudge{0%,to{transform:translate(0)}45%{transform:translate(-3px)}75%{transform:translate(2px)}}@media (max-width:640px){.lecture-redemption-card{gap:16px}.lecture-redemption-heading{align-items:center}.lecture-redemption-heading>span{flex-basis:44px;width:44px;height:44px}.lecture-redemption-card form input{font-size:.78rem}.lecture-redemption-success{grid-template-columns:auto minmax(0,1fr)}.lecture-redemption-success .btn{grid-column:1/-1;justify-content:center}.granted-lecture-list article{flex-direction:column;align-items:stretch}.granted-lecture-list a{justify-content:center}.generated-lecture-code{width:min(100%,100vw - 32px)}}@media (prefers-reduced-motion:reduce){.generated-lecture-code,.lecture-redemption-success,.lecture-redemption-card form input[aria-invalid=true]{animation:none}.lecture-code-trigger,.lecture-redemption-card,.lecture-redemption-card form input,.lecture-code-history article,.granted-lecture-list article,.granted-lecture-list a{transition-duration:.01ms}}.lecture-code-history article>span:first-child{display:grid}.lecture-code-history article>small{grid-column:1/-1}.course-content-actions{border-top:1px solid var(--line);gap:8px;padding-top:14px;display:grid}.course-content-actions>strong{font-size:12px}.course-content-actions .btn{justify-content:center;width:100%}.management-list>article.focused-course{border-color:#ef233c8c;box-shadow:0 0 0 3px #cf0b271a}.teacher-course-workspace{background:radial-gradient(circle at 90% 5%, #cf0b271f, transparent 32%), var(--surface);border:1px solid var(--line);border-radius:20px;gap:20px;padding:24px;display:grid}.workspace-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.workspace-heading h2{margin:5px 0 4px;font-size:clamp(22px,3vw,30px)}.workspace-heading p{color:var(--muted);margin:0;font-size:13px}.workspace-filters{gap:10px;display:flex}.workspace-search{background:var(--surface-2);border:1px solid var(--line);border-radius:11px;align-items:center;gap:8px;min-width:min(310px,48vw);padding:0 12px;display:flex}.workspace-search svg{width:17px;color:var(--muted)}.workspace-search input,.workspace-filters select{min-height:42px;color:var(--text);background:0 0;border:0;outline:0}.workspace-search input{width:100%}.workspace-filters select{background:var(--surface-2);border:1px solid var(--line);border-radius:11px;padding:0 12px}.teacher-course-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:14px;display:grid}.teacher-course-card{background:color-mix(in srgb, var(--surface-2) 92%, transparent);border:1px solid var(--line);border-radius:17px;gap:15px;min-width:0;padding:18px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.teacher-course-card:hover{border-color:#ef233c59;transform:translateY(-2px);box-shadow:0 16px 38px #00000024}.teacher-course-card-head{justify-content:space-between;align-items:center;display:flex}.teacher-course-icon{color:#fff;background:linear-gradient(135deg, var(--red-bright), var(--red-dark));border-radius:13px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 10px 24px #cf0b273d}.teacher-course-icon svg{width:20px}.teacher-course-copy small{color:var(--red-bright);font-size:11px;font-weight:800}.teacher-course-copy h3{margin:4px 0 7px;font-size:19px}.teacher-course-copy p{min-height:42px;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.7;display:-webkit-box;overflow:hidden}.teacher-course-metrics{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.teacher-course-metrics span{border:1px solid var(--line);background:#ffffff06;border-radius:10px;place-items:center;gap:2px;min-width:0;padding:9px 4px;display:grid}.teacher-course-metrics svg{width:15px;color:var(--red-bright)}.teacher-course-metrics b{font-size:16px}.teacher-course-metrics small{color:var(--muted);font-size:8px}.teacher-course-actions{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.teacher-course-actions .btn{justify-content:center;min-width:0;padding-inline:8px;font-size:10px}.teacher-course-actions .btn-primary{grid-column:1/-1}.teacher-course-actions svg{width:15px}.workspace-empty{min-height:180px;color:var(--muted);border:1px dashed var(--line);border-radius:16px;grid-column:1/-1;align-content:center;place-items:center;gap:7px;display:grid}.workspace-empty svg{width:30px}.workspace-empty strong{color:var(--text)}@media (max-width:760px){.teacher-course-workspace{padding:17px}.workspace-heading,.workspace-filters{flex-direction:column;align-items:stretch}.workspace-search{min-width:0}}.status-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;min-height:28px;padding:5px 10px;font-size:10px;font-weight:800;display:inline-flex}.status-approved{color:#8ce7bd;background:#189a6329;border:1px solid #4bd1943d}.status-pending{color:#f2c675;background:#bb7d1926;border:1px solid #e7ab433d}.status-rejected{color:#ff91a0;background:#cf0b2724;border:1px solid #ef233c40}.icon-link,.icon-button{width:36px;height:36px;color:var(--red-bright);background:#cf0b271a;border:0;border-radius:10px;place-items:center;display:grid}.icon-link svg,.icon-button svg{width:17px}.icon-button.danger{color:#ff6d81}.btn-small{min-height:36px;padding:8px 13px;font-size:11px}.empty-state{color:var(--muted);background:var(--surface-2);border:1px dashed var(--line);text-align:center;border-radius:14px;padding:28px;font-size:13px}.empty-state a{color:var(--red-bright);font-weight:800}.announcement-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.announcement-list article{background:linear-gradient(145deg, #cf0b271c, var(--surface-2));border:1px solid #cf0b272e;border-radius:14px;padding:17px}.announcement-list p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.7}.results-table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:12px}.data-table th{color:var(--muted);background:var(--surface-2);text-align:right;white-space:nowrap;padding:12px 14px}.data-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:14px}.data-table tbody tr:last-child td{border-bottom:0}.table-note{color:var(--muted);margin-top:3px;display:block}.profile-form{grid-template-columns:1fr 1fr 1fr auto auto;align-items:end;gap:12px;display:grid}.profile-form label,.stack-form label{color:var(--muted);gap:7px;font-size:11px;font-weight:700;display:grid}.inline-success{color:#68dca5;align-items:center;gap:5px;font-size:11px;display:flex}.inline-success svg{width:16px}.dashboard-state,.quiz-state{text-align:center;align-content:center;place-items:center;gap:15px;min-height:360px;display:grid}.verification-card{text-align:center;background:var(--surface);border:1px solid var(--line);width:min(680px,100%);box-shadow:var(--shadow);border-radius:24px;justify-items:center;gap:15px;margin-inline:auto;padding:38px;display:grid}.verification-card h2,.verification-card p{margin:0}.verification-card p,.verification-card small{color:var(--muted)}.verification-icon{color:#fff;background:linear-gradient(135deg, var(--red-bright), #7c1026);border-radius:20px;place-items:center;width:68px;height:68px;display:grid;box-shadow:0 12px 28px #cf0b2747}.verification-icon svg{width:32px;height:32px}.verification-form{grid-template-columns:1fr auto;align-items:end;gap:10px;width:min(440px,100%);display:grid}.verification-form label{text-align:right;color:var(--muted);grid-column:1/-1;font-size:12px;font-weight:800}.verification-form input{text-align:center;letter-spacing:10px;direction:ltr;min-width:0;font-size:25px;font-weight:900}.verification-card .error-toast{width:100%}.spin{animation:1s linear infinite loader-spin}@keyframes loader-spin{to{transform:rotate(360deg)}}.error-toast{color:#ff9aaa;background:#cf0b271f;border:1px solid #ef233c40;border-radius:11px;align-items:center;gap:8px;padding:13px 15px;font-size:12px;font-weight:700;display:flex}.error-toast svg{width:18px}.success-toast{color:#83e0b6;background:#21a86b1f;border:1px solid #45cd8e3d;border-radius:11px;align-items:center;gap:8px;padding:13px 15px;font-size:12px;font-weight:700;display:flex}.auth-gateway{gap:22px}.auth-security{color:#82dfb4;background:#23ae711a;border:1px solid #4ccd9533;border-radius:12px;align-items:center;gap:10px;padding:14px;font-size:12px;font-weight:800;display:flex}.auth-security svg{width:20px}.auth-benefits{gap:10px;display:grid}.auth-benefits span{color:var(--muted);align-items:center;gap:9px;font-size:13px;display:flex}.auth-benefits svg{width:18px;color:var(--red-bright)}.access-denied{text-align:center;align-content:center;place-items:center;gap:14px;min-height:520px;display:grid}.access-denied h1{margin:0}.access-denied p{max-width:560px;color:var(--muted);margin:0 0 12px}.access-icon{color:#fff;background:linear-gradient(145deg, var(--red-bright), var(--red-dark));border-radius:22px;place-items:center;width:74px;height:74px;font:900 38px Montserrat,sans-serif;display:grid}.quiz-page{padding-top:118px}.quiz-shell,.quiz-result{max-width:1050px;margin:auto}.quiz-header{background:var(--surface);border:1px solid var(--line);border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;gap:25px;padding:28px;display:flex}.quiz-header h1{margin:7px 0 4px;font-size:32px}.quiz-header p{color:var(--muted);margin:0}.quiz-timer{color:#8ce7bd;background:#1eaa6b1c;border:1px solid #43cd8f38;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:2px 9px;min-width:155px;padding:13px 18px;display:grid}.quiz-timer svg{grid-row:1/3}.quiz-timer strong{direction:ltr;font:900 24px Montserrat,sans-serif}.quiz-timer span{font-size:9px}.quiz-timer.urgent{color:#ff93a3;background:#cf0b271f;border-color:#ef233c3d}.quiz-progress{background:var(--surface-2);height:5px;overflow:hidden}.quiz-progress span{background:linear-gradient(90deg, var(--red-dark), var(--red-bright));height:100%;transition:width .25s;display:block}.quiz-layout{grid-template-columns:96px 1fr;gap:18px;padding-top:18px;display:grid}.question-nav{background:var(--surface);border:1px solid var(--line);border-radius:15px;grid-template-columns:1fr 1fr;align-self:start;gap:7px;padding:12px;display:grid}.question-nav button{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);background:var(--surface-2);border-radius:9px;font-size:11px;font-weight:800}.question-nav button.answered{color:#77dcae;border-color:#40cb8c59}.question-nav button.active{color:#fff;background:var(--red);border-color:var(--red-bright)}.question-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;min-height:480px;padding:32px}.question-meta{color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.question-meta strong{color:var(--red-bright)}.question-card h2{margin:24px 0;font-size:24px;line-height:1.7}.question-image{border:1px solid var(--line);border-radius:10px;max-width:100%;margin:12px 0}.question-card>textarea{resize:vertical;width:100%}.choice-list{gap:10px;display:grid}.choice-list label{color:var(--text);background:var(--surface-2);border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:11px;padding:15px 18px;display:flex}.choice-list label.selected{border-color:var(--red-bright);box-shadow:0 0 0 3px #cf0b271a}.choice-list input{width:auto;accent-color:var(--red)}.question-actions{justify-content:space-between;gap:10px;margin-top:30px;display:flex}.question-actions button:disabled{opacity:.45;cursor:not-allowed}.quiz-note{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:15px;font-size:10px;display:flex}.quiz-note svg{color:#65d5a0;width:16px}.quiz-result{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:38px}.result-ring{border:10px solid #cf0b272e;border-top-color:var(--red-bright);border-radius:50%;align-content:center;place-items:center;width:150px;height:150px;margin:auto;display:grid}.result-ring.passed{border-color:#43cc8f #26b1702e #26b1702e}.result-ring strong{font:900 38px Montserrat,sans-serif}.result-ring span{color:var(--muted);font-size:11px}.quiz-result>p{color:var(--muted)}.answer-feedback{text-align:right;gap:9px;margin:28px 0;display:grid}.answer-feedback article{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr auto;gap:4px 15px;padding:16px;display:grid}.answer-feedback p{color:var(--muted);grid-column:1/3;margin:0;font-size:11px}.admin-page{background:#0a0b0e;min-height:100vh}.admin-layout{direction:ltr;grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{z-index:2;color:#e9e9ec;direction:rtl;background:#111217;border-right:1px solid #ffffff14;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.admin-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:10px;display:flex}.admin-brand>svg{color:#fff;background:linear-gradient(145deg, var(--red-bright), var(--red-dark));border-radius:12px;width:42px;height:42px;padding:10px}.admin-brand strong,.admin-brand small{display:block}.admin-brand small{color:#858791;text-overflow:ellipsis;max-width:155px;margin-top:4px;font-size:9px;overflow:hidden}.admin-sidebar nav{gap:5px;margin-top:24px;display:grid}.admin-sidebar nav button{color:#aeb0b8;text-align:right;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;width:100%;padding:12px;font-size:12px;font-weight:700;display:flex}.admin-sidebar nav button svg{width:18px}.admin-sidebar nav button:hover,.admin-sidebar nav button.active{color:#fff;background:#cf0b2729}.admin-sidebar nav button.active{box-shadow:inset -3px 0 var(--red-bright)}.admin-sidebar nav b{color:#fff;background:var(--red);text-align:center;border-radius:999px;min-width:21px;margin-right:auto;padding:3px 6px;font-size:9px}.admin-nav-accordion-group{background:#ef44440d;border:1px solid #ef444447;border-radius:12px;margin-bottom:8px;transition:all .2s;overflow:hidden}.admin-nav-accordion-header{color:#fca5a5;cursor:pointer;text-align:right;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:12px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s;display:flex}.admin-nav-accordion-header:hover,.admin-nav-accordion-header.is-expanded{color:#fff;background:#ef444424}.admin-nav-accordion-content{background:#0003;flex-direction:column;gap:5px;padding:4px 8px 8px;display:flex}.admin-subnav-btn{color:#cbd5e1;cursor:pointer;text-align:right;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:9px;width:100%;min-height:42px;padding:10px 12px;font-family:inherit;font-size:11.5px;font-weight:600;transition:all .2s;display:flex}.admin-subnav-btn:hover{color:#fff;background:#ef44442e;border-color:#ef444466}.admin-subnav-btn.active{color:#fff;background:#ef444440;border-color:#ef4444}.admin-sidebar-footer{color:#92949c;border-top:1px solid #ffffff14;justify-content:space-between;gap:10px;margin-top:auto;padding:15px 10px 0;font-size:10px;display:flex}.admin-sidebar-footer button{color:#ff8495;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:flex}.admin-sidebar-footer button svg{width:14px;height:14px}.admin-main{min-width:0;color:var(--text);background:var(--ink);direction:rtl;padding:34px}.admin-topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.admin-pagination{color:var(--muted);justify-content:flex-end;align-items:center;gap:.75rem;margin:-.75rem 0 1rem;font-size:.9rem;display:flex}.admin-topbar h1{margin:5px 0 0;font-size:34px}.admin-stats{grid-template-columns:repeat(5,1fr)}.admin-stats article{min-height:122px}.admin-overview-grid,.admin-split{grid-template-columns:.8fr 1.2fr;align-items:start;gap:24px;margin-top:24px;display:grid}.attention-list{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.attention-list button{color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:13px;padding:20px 10px}.attention-list strong,.attention-list span{display:block}.attention-list strong{color:var(--red-bright);font:900 27px Montserrat,sans-serif}.attention-list span{color:var(--muted);margin-top:5px;font-size:10px}.stack-form{gap:14px;display:grid}.video-source-switch{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;padding:5px;display:grid}.video-source-switch button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:10px 12px;font-weight:800}.video-source-switch button.active{color:#fff;background:linear-gradient(135deg, var(--red-bright), var(--red-dark));box-shadow:0 8px 22px #cf0b2738}.youtube-unlisted-note{line-height:1.8;color:#f2bd70!important}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-row.three{grid-template-columns:1fr 1fr 1fr}.wide-panel{min-width:0}.management-list.compact>article{padding:13px}.status-button,.table-edit,.table-actions button{color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;align-items:center;gap:5px;padding:7px 10px;font-size:10px;font-weight:800;display:inline-flex}.table-actions{gap:7px;display:flex}.table-actions svg,.table-edit svg{width:14px}.danger-text{color:#ff8193!important}.exam-admin-grid{grid-template-columns:minmax(520px,1.25fr) minmax(340px,.75fr);align-items:start;gap:24px;display:grid}.question-editor-list{gap:15px;display:grid}.question-editor{background:var(--surface-2);border:1px solid var(--line);border-radius:15px;gap:12px;padding:18px;display:grid}.question-editor header{justify-content:space-between;align-items:center;display:flex}.question-editor header button{color:#ff778a;background:#cf0b271a;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.question-editor header svg{width:15px}.add-question{border-style:dashed;width:100%}.file-drop{text-align:center;background:var(--surface-2);cursor:pointer;border:1px dashed #ef233c59;border-radius:15px;place-items:center;padding:28px!important}.file-drop>svg{width:36px;height:36px;color:var(--red-bright)}.file-drop small{color:var(--muted)}.file-drop input{max-width:100%;padding:9px}.message-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:13px;display:grid}.message-grid article{background:var(--surface-2);border:1px solid var(--line);border-radius:13px;padding:17px}.message-grid article>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.message-grid a{color:var(--red-bright);font-size:11px}.message-grid p{min-height:58px;color:var(--muted);font-size:12px;line-height:1.7}.message-grid time{color:#777984;font-size:9px}.learning-heading{margin-bottom:26px}.learning-heading h1{margin:7px 0;font-size:38px}.learning-layout{grid-template-columns:1fr 330px;align-items:start;gap:22px;display:grid}.secure-player-card,.lesson-sidebar{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:20px}.video-player-container{aspect-ratio:16/9;background:#000;border-radius:14px;width:100%;position:relative;overflow:hidden}.englizeka-vidstack-player{--media-brand:#cf0b27;--media-focus-ring-color:#ff3050;aspect-ratio:16/9;background:#000;border-radius:14px;width:100%;height:100%;overflow:hidden}.englizeka-vidstack-player[data-fullscreen]{border-radius:0}body:has([data-media-player][data-fullscreen]){overflow:hidden!important}@media (max-width:640px){.secure-player-card{border-radius:14px;padding:10px}.video-watermark.video-watermark-top{max-width:60%;padding:3px 6px;font-size:9px;inset:8px auto auto 8px}.video-watermark.video-watermark-trace{max-width:42%;font-size:8px}}.video-protection-overlay{z-index:8;color:#fff;text-align:center;background:#050608f0;align-content:center;place-items:center;gap:12px;padding:28px;display:grid;position:absolute;inset:0}.video-protection-overlay>svg{color:#fff;background:linear-gradient(145deg, var(--red-bright), var(--red-dark));border-radius:17px;width:54px;height:54px;padding:13px}.video-protection-overlay h2,.video-protection-overlay p{margin:0}.video-protection-overlay p{color:var(--muted)}.video-protection-overlay .btn{margin-top:5px}.video-source-state{width:100%;height:100%;color:var(--text);text-align:center;background:radial-gradient(circle at 50% 30%,#cf0b2729,#0000 45%),#050608;align-content:center;place-items:center;gap:12px;padding:30px;display:grid}.video-source-state>svg{width:38px;height:38px;color:var(--red-bright)}.video-source-state small{color:var(--muted)}.locked-lesson{min-height:430px;color:var(--text);text-align:center;background:radial-gradient(circle at 50% 20%,#cf0b2729,#0000 48%),#090a0d;border-radius:14px;align-content:center;place-items:center;gap:13px;padding:30px;display:grid}.locked-lesson>svg{color:#fff;background:linear-gradient(145deg, var(--red-bright), var(--red-dark));border-radius:18px;width:58px;height:58px;padding:15px}.locked-lesson h2,.locked-lesson p{margin:0}.locked-lesson p{max-width:480px;color:var(--muted);line-height:1.8}.video-watermark{z-index:6;color:#ffffff75;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0000003d;border-radius:7px;padding:6px 10px;font-size:10px;position:absolute;inset:auto 20px 20px auto}.video-info{justify-content:space-between;align-items:center;gap:20px;padding:18px 4px 4px;display:flex}.video-info h1{margin:5px 0 0;font-size:24px}.secure-badge{color:#7cddb0;background:#1ca0641f;border:1px solid #3ecd8b38;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:9px;font-weight:800;display:flex}.secure-badge svg{width:14px}.video-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.view-limit-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.view-limit-badge svg{flex-shrink:0;width:14px;height:14px}.view-limit-badge.is-ok{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f640}.view-limit-badge.is-warning{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b40}.view-limit-badge.is-exhausted{color:#f87171;background:#ef44441f;border:1px solid #ef444440}.view-limit-badge.is-unlimited{color:#94a3b8;background:#94a3b81a;border:1px solid #94a3b833}.video-security-note{color:var(--muted);background:var(--surface-2);border-radius:10px;align-items:center;gap:8px;margin-top:14px;padding:12px;font-size:10px;display:flex}.video-security-note svg{width:16px;color:var(--red-bright)}.lesson-sidebar h2{margin:3px 0 16px;font-size:20px}.lesson-sidebar>div{gap:8px;display:grid}.lesson-sidebar button{width:100%;color:var(--text);background:var(--surface-2);border:1px solid var(--line);text-align:right;border-radius:12px;grid-template-columns:32px 1fr 22px;align-items:center;gap:10px;padding:12px;display:grid}.lesson-sidebar button>span{width:30px;height:30px;color:var(--muted);background:var(--surface);border-radius:8px;place-items:center;font-size:10px;font-weight:800;display:grid}.lesson-sidebar button strong,.lesson-sidebar button small{display:block}.lesson-sidebar button small{color:var(--muted);margin-top:3px;font-size:9px}.lesson-sidebar button>svg{width:18px;color:var(--muted)}.lesson-sidebar button.active{border-color:var(--red-bright);box-shadow:0 0 0 3px #cf0b2717}.lesson-sidebar button.active>span{color:#fff;background:var(--red)}.lesson-sidebar button.active>svg{color:var(--red-bright)}.lesson-sidebar button.locked{opacity:.78}.lesson-sidebar button.locked>svg{color:#ff8a9a}.empty-course{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:20px;align-content:center;place-items:center;gap:10px;min-height:380px;display:grid}.empty-course>svg{width:54px;height:54px;color:var(--red-bright)}.empty-course h2,.empty-course p{margin:0}.empty-course p{color:var(--muted)}.staff-login-page{color:#f5f5f6;background:radial-gradient(circle at 50% 5%,#cf0b2733,#0000 32%),#090a0d;place-items:center;min-height:100vh;padding:48px 20px;display:grid}.staff-login-card{background:#121318;border:1px solid #ffffff1a;border-radius:24px;gap:18px;width:min(470px,100%);padding:42px;display:grid;box-shadow:0 30px 90px #0000008c}.staff-login-mark{color:#fff;background:linear-gradient(145deg, var(--red-bright), var(--red-dark));border-radius:20px;place-items:center;width:70px;height:70px;display:grid;box-shadow:0 15px 35px #cf0b2747}.staff-login-mark svg{width:34px;height:34px}.staff-login-card h1,.staff-login-card p{margin:0}.staff-login-card h1{font-size:31px}.staff-login-card>p,.staff-login-card>small{color:#92949c;line-height:1.8}.staff-login-card label>span{color:#c6c7cc;align-items:center;gap:7px;margin-bottom:7px;font-size:12px;font-weight:800;display:flex}.staff-login-card label>span svg{width:16px}.staff-login-card input{color:#fff;background:#191a20;border-color:#ffffff1f}.staff-login-card .btn{justify-content:center;width:100%}html[data-theme=light] .dashboard-welcome{color:#fff}html[data-theme=light] .status-approved{color:#14794e}html[data-theme=light] .status-pending{color:#96610d}html[data-theme=light] .status-rejected{color:#b20d28}html[data-theme=light] .success-toast{color:#14794e}html[data-theme=light] .error-toast{color:#b20d28}@media (max-width:1100px){.admin-stats{grid-template-columns:repeat(3,1fr)}.exam-admin-grid,.learning-layout{grid-template-columns:1fr}}@media (max-width:850px){.portal-page{padding-top:105px}.dashboard-welcome{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-columns,.admin-split,.admin-overview-grid{grid-template-columns:1fr}.profile-form{grid-template-columns:1fr 1fr}.admin-layout{display:block}.admin-sidebar{height:auto;padding:15px;position:relative}.admin-sidebar nav{grid-template-columns:repeat(4,1fr)}.admin-sidebar nav button{text-align:center;justify-content:center}.admin-sidebar nav button b{display:none}.admin-sidebar-footer{margin-top:14px}.admin-main{padding:22px 15px 50px}.quiz-layout{grid-template-columns:1fr}.question-nav{grid-template-columns:repeat(10,32px);overflow:auto}}@media (max-width:560px){.stats-grid,.admin-stats{grid-template-columns:1fr 1fr}.stats-grid article{min-height:112px;padding:15px}.stats-grid article>svg{width:39px;height:39px;padding:10px}.dashboard-panel,.question-card,.quiz-result{padding:18px}.profile-form,.form-row,.form-row.three{grid-template-columns:1fr}.verification-card{padding:24px 18px}.verification-form{grid-template-columns:1fr}.dashboard-list>article,.management-list>article{flex-direction:column;align-items:flex-start}.dashboard-list .list-actions,.management-list .list-actions{justify-content:space-between;width:100%}.quiz-header{flex-direction:column;align-items:flex-start}.quiz-timer{width:100%}.question-card h2{font-size:19px}.admin-sidebar nav{grid-template-columns:1fr 1fr}.admin-sidebar nav button{justify-content:flex-start}.admin-topbar{align-items:flex-start}.admin-topbar .btn{width:42px;padding:8px;font-size:0}.attention-list{grid-template-columns:1fr}.video-info{flex-direction:column;align-items:flex-start}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{display:block}.upload-progress-wrap{background:var(--surface-2,#ffffff0f);border-radius:8px;align-items:center;gap:.5rem;height:36px;padding:0 .75rem;display:flex;position:relative;overflow:hidden}.upload-progress-bar{background:linear-gradient(90deg, var(--red,#cf0b27) 0%, var(--red-bright,#ef233c) 100%);opacity:.35;border-radius:8px;transition:width .2s;position:absolute;inset:0}.upload-progress-label{flex:1;font-size:.8rem;font-weight:700;position:relative}.upload-cancel-btn{min-height:0;padding:.25rem .5rem;font-size:.75rem;position:relative}.admin-hamburger{display:none!important}@media (max-width:767px){.admin-hamburger{display:flex!important}.admin-sidebar{z-index:1100;width:min(280px,85vw);transition:transform .28s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.admin-sidebar--open{transform:translate(0);box-shadow:-8px 0 40px #00000080}.admin-sidebar-overlay{z-index:1099;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;position:fixed;inset:0}.admin-layout{grid-template-columns:1fr!important}.admin-main{min-width:0;padding:0}.admin-split,.exam-admin-grid,.admin-overview-grid{gap:14px}.data-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.data-table thead th:first-child,.data-table tbody td:first-child{background:var(--surface,#111216);z-index:1;position:sticky;right:0}.admin-main input,.admin-main select,.admin-main textarea{width:100%}.admin-main button,.admin-main .status-button,.admin-main .icon-button{min-width:44px;min-height:44px}.message-grid{grid-template-columns:1fr!important}.management-list article{flex-direction:column;align-items:flex-start;gap:.75rem}.management-list article .list-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.management-list>article>div:first-child{width:100%;min-width:0}.management-list article .list-actions details[open]{flex-basis:100%;order:3;width:100%}.management-list article .dashboard-popover-form{width:100%;max-height:none;box-shadow:none;margin-top:10px;padding:15px;position:static}.management-list article .dashboard-popover-form .form-row{grid-template-columns:1fr}}@media (max-width:600px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}.filter-tabs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid;overflow:visible}.filter-tabs button{width:100%;min-height:44px;padding-inline:10px}.admin-page{padding-inline:10px}.admin-topbar{padding-inline:12px}.admin-main .dashboard-panel{min-width:0;padding:16px}.panel-title{align-items:flex-start}.panel-title h2{font-size:18px}.teacher-course-workspace,.teacher-course-card{padding:15px}.teacher-course-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-backdrop,.student-modal{padding:12px!important}.student-modal-card{max-height:calc(100dvh - 24px);padding:22px 18px;overflow-y:auto}}.auth-field-error{color:var(--red-bright,#ef233c);margin-top:4px;font-size:.78rem;font-weight:600;display:block}.student-portal-page{background:radial-gradient(circle at 82% 6%,#cf0b271f,#0000 28%),#090a0d;padding:112px 20px 54px}.student-portal-layout{direction:ltr;grid-template-columns:272px minmax(0,1fr);gap:20px;width:min(1510px,100%);min-height:760px;margin-inline:auto;display:grid}.student-sidebar{color:#f7f7f8;direction:rtl;background:linear-gradient(#15161b,#101116);border:1px solid #ffffff17;border-radius:22px;flex-direction:column;height:calc(100vh - 124px);min-height:650px;padding:22px 14px 16px;display:flex;position:sticky;top:104px;overflow-y:auto;box-shadow:0 22px 50px #00000047}.student-profile-mini{border-bottom:1px solid #ffffff14;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:4px 5px 20px;display:grid}.student-avatar{color:#fff;background:linear-gradient(145deg, var(--red-bright), var(--red-dark));border-radius:13px;place-items:center;width:44px;height:44px;font:900 17px Montserrat,sans-serif;display:grid}.student-profile-mini strong,.student-profile-mini span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.student-profile-mini strong{font-size:12px}.student-profile-mini span{color:#8f919b;margin-top:3px;font-size:9px}.sidebar-close{display:none}.student-nav{gap:5px;padding-top:18px;display:grid}.student-nav>button,.sidebar-course-group>button{color:#aaacb5;text-align:right;background:0 0;border:0;border-radius:11px;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;width:100%;min-height:44px;padding:10px 12px;font-size:12px;font-weight:800;transition:all .2s;display:grid}.student-nav button svg{width:18px;height:18px}.student-nav button svg:last-child{transition:transform .2s}.student-nav button svg.rotate{transform:rotate(180deg)}.student-nav>button:hover,.sidebar-course-group>button:hover,.student-nav>button.active,.sidebar-course-group>button.active{color:#fff;background:#cf0b2721}.student-nav>button.active,.sidebar-course-group>button.active{box-shadow:inset -3px 0 var(--red-bright)}.student-nav button b{color:#fff;background:var(--red);text-align:center;border-radius:999px;min-width:21px;padding:3px 6px;font-size:9px}.sidebar-course-list{border-right:1px solid #ffffff1a;gap:4px;margin:4px 22px 9px 0;padding-right:12px;display:grid}.sidebar-course-list button{color:#91939d;text-align:right;background:0 0;border:0;border-radius:9px;padding:9px 10px}.sidebar-course-list button:hover,.sidebar-course-list button.selected{color:#fff;background:#ffffff0e}.sidebar-course-list span,.sidebar-course-list small{display:block}.sidebar-course-list span{font-size:10px;font-weight:800}.sidebar-course-list small{color:#73757f;margin-top:2px;font-size:8px}.sidebar-course-list p{color:#747680;margin:7px;font-size:9px}.sidebar-divider{background:#ffffff14;height:1px;margin:10px}.student-sidebar-bottom{border-top:1px solid #ffffff14;margin-top:auto;padding:16px 10px 0}.student-sidebar-bottom a{color:#ff7588;align-items:center;gap:9px;font-size:11px;font-weight:800;display:flex}.student-sidebar-bottom a svg{width:17px}.student-sidebar-bottom small{color:#5f616a;direction:ltr;margin-top:10px;font-size:8px;display:block}.student-workspace{min-width:0;color:var(--text);direction:rtl}.student-topbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121318e6;border-radius:18px;align-items:center;gap:13px;height:66px;margin-bottom:18px;padding:0 20px;display:flex}.student-topbar>div{display:grid}.student-topbar span{color:var(--muted);font-size:9px}.student-topbar strong{font-size:14px}.student-menu-button{display:none}.notification-button,.student-menu-button{width:40px;height:40px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:11px;place-items:center;margin-right:auto;position:relative}.notification-button svg,.student-menu-button svg{width:18px}.notification-button i{background:var(--red-bright);border:2px solid var(--surface-2);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.student-view{gap:22px;display:grid}.student-hero{color:#fff;min-height:258px;box-shadow:var(--shadow);background:radial-gradient(circle at 14% 15%,#ffffff12,#0000 24%),linear-gradient(120deg,#18191f 0%,#111217 58%,#3a0712 100%);border:1px solid #ffffff1a;border-radius:24px;justify-content:space-between;align-items:center;gap:40px;padding:clamp(28px,4vw,48px);display:flex;position:relative;overflow:hidden}.student-hero:after{content:"";border:45px solid #ef233c14;border-radius:50%;width:300px;height:300px;position:absolute;inset:auto -50px -110px auto}.student-hero>*{z-index:1;position:relative}.student-eyebrow{color:#ff5a71;align-items:center;gap:6px;font-size:10px;font-weight:900;display:inline-flex}.student-eyebrow svg{width:14px}.student-hero h1{margin:9px 0 5px;font-size:clamp(31px,4vw,49px);line-height:1.25}.student-hero p{color:#b4b5bd;max-width:650px;margin:0 0 23px;font-size:13px;line-height:1.8}.student-hero .btn svg{width:16px}.hero-progress-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0e;border:1px solid #ffffff1f;border-radius:19px;flex:none;width:210px;padding:23px}.hero-progress-card>span,.hero-progress-card>small{color:#aeb0b8;font-size:9px;display:block}.hero-progress-card>strong{margin:9px 0;font:900 39px Montserrat,sans-serif;display:block}.hero-progress-card>div,.course-card-progress>div{background:#ffffff1a;border-radius:10px;height:5px;overflow:hidden}.hero-progress-card>div i,.course-card-progress i{background:linear-gradient(90deg, var(--red-dark), var(--red-bright));border-radius:10px;height:100%;display:block}.hero-progress-card>small{margin-top:10px}.student-section{gap:15px;display:grid}.student-section-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.student-section-heading span,.student-page-heading span{color:var(--red-bright);font-size:9px;font-weight:900}.student-section-heading h2{margin:3px 0 0;font-size:23px}.student-section-heading>a{color:var(--muted);align-items:center;gap:5px;font-size:10px;font-weight:800;display:flex}.student-section-heading>a svg{width:14px}.enrolled-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.enrolled-course-card{color:#fff;background:linear-gradient(145deg,#202127,#131419);border:1px solid #ffffff1a;border-radius:19px;flex-direction:column;gap:17px;min-height:235px;padding:20px;transition:transform .22s,border-color .22s;display:flex}.enrolled-course-card:hover{border-color:#ef233c59;transform:translateY(-4px)}.enrolled-course-card.course-tone-1{background:linear-gradient(145deg,#1b2025,#11151a)}.enrolled-course-card.course-tone-2{background:linear-gradient(145deg,#26191d,#151114)}.course-card-top{justify-content:space-between;align-items:center;display:flex}.course-card-top>span{color:#fff;background:var(--red);border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.course-card-top svg{width:19px}.course-card-top small{color:#c1c2c8;background:#ffffff12;border-radius:999px;padding:5px 9px;font-size:8px}.enrolled-course-card h3{margin:0;font-size:17px}.enrolled-course-card p{color:#8f919a;margin:4px 0 0;font-size:9px}.course-card-progress{margin-top:auto}.course-card-actions{justify-content:space-between;align-items:center;display:flex}.course-card-actions button{color:#fff;background:0 0;border:0;padding:0;font-size:10px;font-weight:900}.course-card-actions a{color:#fff;background:var(--red);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.course-card-actions svg{fill:currentColor;width:15px}.student-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:23px;box-shadow:0 14px 35px #0000001f}.student-overview-grid{grid-template-columns:1.35fr .65fr;align-items:stretch;gap:16px;display:grid}.student-card-title{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.student-card-title>div{align-items:center;gap:11px;display:flex}.student-card-title>div>svg{width:38px;height:38px;color:var(--red-bright);background:#cf0b271c;border-radius:11px;padding:10px}.student-card-title span small,.student-card-title span strong{display:block}.student-card-title span small{color:var(--muted);font-size:8px}.student-card-title span strong{margin-top:1px;font-size:14px}.student-card-title>button{color:var(--red-bright);background:0 0;border:0;font-size:9px;font-weight:900}.exam-row{border-top:1px solid var(--line);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.exam-row:first-of-type{border-top:0}.exam-date{width:45px;height:45px;color:var(--red-bright);background:#cf0b271a;border-radius:11px;align-content:center;place-items:center;display:grid}.exam-date b{font:900 14px Montserrat,sans-serif}.exam-date small{color:var(--muted);font-size:7px}.exam-copy strong,.exam-copy small{display:block}.exam-copy strong{font-size:11px}.exam-copy small{color:var(--muted);margin-top:3px;font-size:8px}.exam-copy p{color:var(--muted);margin:7px 0 0;font-size:9px;line-height:1.7}.exam-action{color:var(--red-bright);align-items:center;gap:4px;font-size:9px;font-weight:900;display:flex}.exam-action svg{width:13px}.exam-row .status-pill{white-space:nowrap}.activity-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.activity-stats div{text-align:center;background:var(--surface-2);border-radius:12px;padding:15px 6px}.activity-stats strong,.activity-stats span{display:block}.activity-stats strong{font:900 22px Montserrat,sans-serif}.activity-stats span{color:var(--muted);margin-top:3px;font-size:8px}.pending-note,.success-note{border-radius:10px;align-items:center;gap:7px;margin:14px 0 0;padding:10px;font-size:9px;display:flex}.pending-note{color:#ffbf57;background:#ffb22914}.success-note{color:#69d9a5;background:#32be7e14}.pending-note svg,.success-note svg{width:14px}.announcement-card>div:last-child{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.announcement-card article{background:var(--surface-2);border-radius:12px;padding:15px}.announcement-card article strong{font-size:10px}.announcement-card article p{color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.7}.student-empty{text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:19px;align-content:center;place-items:center;min-height:225px;padding:30px;display:grid}.student-empty.compact{background:var(--surface-2);border:0;min-height:330px}.student-empty>svg{width:48px;height:48px;color:var(--red-bright);background:#cf0b271a;border-radius:14px;padding:12px}.student-empty h3{margin:13px 0 3px}.student-empty p{max-width:450px;color:var(--muted);margin:0 0 15px;font-size:10px;line-height:1.7}.compact-empty{color:var(--muted);text-align:center;padding:28px;font-size:10px}.course-detail-hero{color:#fff;background:linear-gradient(125deg,#17191e,#350914);border:1px solid #ffffff1a;border-radius:22px;justify-content:space-between;align-items:center;gap:30px;min-height:220px;padding:35px;display:flex}.course-detail-hero span{color:#ff7386;font-size:9px;font-weight:900}.course-detail-hero h1{margin:6px 0;font-size:clamp(27px,4vw,42px)}.course-detail-hero p{color:#aaaeb7;margin:0;font-size:11px}.course-detail-hero svg{fill:currentColor;width:15px}.course-tools-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.course-tools-grid button{min-height:100px;color:var(--text);background:var(--surface);border:1px solid var(--line);text-align:right;border-radius:16px;grid-template-columns:42px 1fr 22px;align-items:center;gap:12px;padding:18px;display:grid}.course-tools-grid button>svg:first-child{width:42px;height:42px;color:var(--red-bright);background:#cf0b271a;border-radius:11px;padding:11px}.course-tools-grid button>svg:last-child{width:16px;color:var(--muted)}.course-tools-grid strong,.course-tools-grid small{display:block}.course-tools-grid strong{font-size:12px}.course-tools-grid small{color:var(--muted);margin-top:4px;font-size:8px}.course-roadmap{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.course-roadmap article{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;grid-template-columns:32px 1fr;gap:10px;min-height:135px;padding:17px;display:grid;position:relative}.course-roadmap article>span{width:30px;height:30px;color:var(--muted);background:var(--surface);border-radius:9px;place-items:center;font:900 10px Montserrat,sans-serif;display:grid}.course-roadmap article.done>span{color:#fff;background:var(--red)}.course-roadmap strong{font-size:11px}.course-roadmap p{color:var(--muted);margin:5px 0 0;font-size:8px;line-height:1.7}.course-roadmap article>svg{width:17px;color:var(--red-bright);position:absolute;bottom:14px;left:15px}.student-page-heading{color:#fff;background:linear-gradient(125deg,#17191e,#2c0810);border:1px solid #ffffff1a;border-radius:21px;align-items:center;gap:18px;min-height:160px;padding:30px;display:flex}.page-heading-icon{color:#fff;background:linear-gradient(145deg, var(--red-bright), var(--red-dark));border-radius:17px;place-items:center;width:58px;height:58px;display:grid}.page-heading-icon svg{width:26px}.student-page-heading h1{margin:3px 0;font-size:31px}.student-page-heading p{color:#aeb0b8;margin:0;font-size:10px}.page-content-card{min-height:420px}.full-list .exam-row{min-height:78px}.gradebook{grid-template-columns:210px minmax(0,1fr);gap:18px;display:grid}.gradebook-summary{text-align:center;background:linear-gradient(145deg,#3b0914,#17151a);border-radius:16px;align-content:center;place-items:center;min-height:210px;padding:25px;display:grid}.gradebook-summary span,.gradebook-summary small{color:#b8bac1;font-size:9px}.gradebook-summary strong{color:#fff;margin:7px 0;font:900 44px Montserrat,sans-serif}.gradebook-table{min-width:0}.gradebook-head,.gradebook-row{grid-template-columns:1.5fr .7fr .6fr .7fr;align-items:center;gap:10px;display:grid}.gradebook-head{color:var(--muted);background:var(--surface-2);border-radius:10px;padding:11px 13px;font-size:8px;font-weight:800}.gradebook-row{border-bottom:1px solid var(--line);min-height:63px;padding:10px 13px;font-size:10px}.gradebook-row strong,.gradebook-row small{display:block}.gradebook-row small{color:var(--muted);margin-top:2px;font-size:8px}.gradebook-row b{color:#6ed7a9}.gradebook-row a{color:var(--red-bright);font-size:9px;font-weight:900}.leaderboard-tabs{background:var(--surface-2);border:1px solid var(--line);border-radius:13px;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:18px;padding:5px;display:grid}.leaderboard-tabs button{min-height:42px;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:9px;font-size:10px;font-weight:900}.leaderboard-tabs button.active{color:#fff;background:linear-gradient(135deg, var(--red-bright), #ad0620);box-shadow:0 8px 22px #cf0b273b}.leaderboard-list{gap:9px;display:grid}.leaderboard-list article{border:1px solid var(--line);background:var(--surface-2);border-radius:13px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:68px;padding:12px 16px;display:grid}.leaderboard-list article.is-current{background:#ef233c14;border-color:#ef233ca6}.leaderboard-rank{color:#c6c7cc;background:#ffffff0e;border-radius:12px;place-items:center;width:42px;height:42px;font:900 15px Montserrat,sans-serif;display:grid}.leaderboard-rank svg{width:21px}.leaderboard-list article.top-1 .leaderboard-rank{color:#ffd45b;background:#ffc72b1f}.leaderboard-list article.top-2 .leaderboard-rank{color:#cfd4df;background:#cfd4df1a}.leaderboard-list article.top-3 .leaderboard-rank{color:#d7905e;background:#be6b321c}.leaderboard-name strong,.leaderboard-name small,.leaderboard-score strong,.leaderboard-score small{display:block}.leaderboard-name strong{font-size:12px}.leaderboard-name small,.leaderboard-score small{color:var(--muted);margin-top:4px;font-size:8px}.leaderboard-score{text-align:center}.leaderboard-score strong{color:#fff;font:900 18px Montserrat,sans-serif}.student-settings-form{grid-template-columns:1fr 1fr;gap:17px;max-width:920px;display:grid}.student-settings-form label,.security-form label,.student-modal-card label{color:var(--muted);gap:7px;font-size:10px;font-weight:800;display:grid}.student-settings-form input,.student-settings-form select,.security-form input,.student-modal-card input{width:100%;min-height:48px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:11px;outline:0;padding:11px 13px}.student-settings-form input:focus,.student-settings-form select:focus,.security-form input:focus,.student-modal-card input:focus{border-color:var(--red-bright);box-shadow:0 0 0 3px #cf0b2717}.student-settings-form input:disabled{opacity:.65;cursor:not-allowed}.settings-submit{grid-column:1/-1;align-items:center;gap:14px;display:flex}.security-grid{grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:16px;display:grid}.settings-card,.security-status{background:var(--surface-2);border-radius:16px;padding:23px}.settings-card-heading{align-items:center;gap:12px;margin-bottom:20px;display:flex}.settings-card-heading>svg{width:40px;height:40px;color:var(--red-bright);background:#cf0b271a;border-radius:11px;padding:10px}.settings-card-heading h3,.settings-card-heading p{margin:0}.settings-card-heading h3{font-size:14px}.settings-card-heading p{color:var(--muted);margin-top:3px;font-size:9px}.security-form{gap:13px;display:grid}.security-form .btn{justify-self:start;margin-top:3px}.inline-error{color:#ff667b;font-size:10px}.security-status{background:linear-gradient(145deg, #239b651f, var(--surface-2));border:1px solid #48cf9426}.security-status>svg{color:#6bd9a6;background:#32be7e1a;border-radius:14px;width:48px;height:48px;padding:12px}.security-status h3{margin:15px 0 5px}.security-status p{color:var(--muted);font-size:9px;line-height:1.8}.security-status>div{color:#75d9ac;align-items:center;gap:7px;margin-top:11px;font-size:9px;display:flex}.security-status>div svg{width:14px}.danger-zone{background:#e53c4d0e;border:1px solid #e53c4d33;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:18px;display:flex}.danger-zone>div{align-items:center;gap:10px;display:flex}.danger-zone svg{color:#ff667b;background:#e53c4d1a;border-radius:9px;width:35px;height:35px;padding:8px}.danger-zone strong,.danger-zone small{display:block}.danger-zone strong{color:#ff7a8c;font-size:11px}.danger-zone small{color:var(--muted);margin-top:2px;font-size:8px}.danger-zone button,.danger-button{color:#fff;background:#d83a4e;border:0;border-radius:10px;padding:10px 15px;font-size:9px;font-weight:900}.student-modal{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000bf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.student-modal-card{width:min(460px,100%);color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:20px;gap:14px;padding:28px;display:grid;position:relative;box-shadow:0 28px 80px #00000080}.student-modal-card>h3,.student-modal-card>p{margin:0}.student-modal-card>p{color:var(--muted);font-size:10px;line-height:1.7}.modal-close{width:34px;height:34px;color:var(--text);background:var(--surface-2);border:0;border-radius:9px;place-items:center;display:grid;position:absolute;top:15px;left:15px}.modal-close svg{width:16px}.modal-warning{color:#ff667b;background:#e53c4d1a;border-radius:13px;width:48px;height:48px;padding:12px}.modal-actions{justify-content:flex-end;gap:9px;margin-top:5px;display:flex}html[data-theme=light] .student-portal-page{background:#f2f0ec}html[data-theme=light] .student-sidebar{color:#fff}html[data-theme=light] .student-topbar{background:#ffffffe6}html[data-theme=light] .enrolled-course-card,html[data-theme=light] .course-card-actions button{color:#fff}@media (max-width:1100px){.student-portal-layout{grid-template-columns:235px minmax(0,1fr)}.enrolled-course-grid{grid-template-columns:repeat(2,1fr)}.student-overview-grid{grid-template-columns:1fr}.hero-progress-card{width:190px}}@media (max-width:820px){.student-portal-page{padding:101px 13px 35px}.student-portal-layout{display:block}.student-sidebar{z-index:1200;border-radius:0 20px 20px 0;width:min(290px,87vw);height:100vh;min-height:0;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.student-sidebar.is-open{transform:translate(0)}.student-sidebar-overlay{z-index:1199;background:#0000009e;border:0;position:fixed;inset:0}.sidebar-close{color:#fff;background:#ffffff12;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.sidebar-close svg{width:16px}.student-menu-button{margin:0;display:grid}.notification-button{margin-right:auto}.course-tools-grid,.course-roadmap,.gradebook{grid-template-columns:1fr}.gradebook-summary{min-height:150px}.security-grid{grid-template-columns:1fr}}@media (max-width:600px){.student-hero{flex-direction:column;align-items:flex-start;padding:27px 22px}.hero-progress-card{width:100%}.enrolled-course-grid{grid-template-columns:1fr}.student-section-heading{align-items:flex-start}.student-section-heading>a{display:none}.announcement-card>div:last-child{grid-template-columns:1fr}.course-detail-hero{flex-direction:column;align-items:flex-start;padding:27px 22px}.course-detail-hero .btn{width:100%}.student-page-heading{align-items:flex-start;padding:23px}.page-heading-icon{width:46px;height:46px}.student-page-heading h1{font-size:25px}.student-page-heading p{line-height:1.7}.student-card{padding:17px}.exam-row{grid-template-columns:43px minmax(0,1fr)}.exam-row>:last-child{grid-column:2;justify-self:start}.gradebook-table{overflow-x:auto}.gradebook-head,.gradebook-row{min-width:570px}.student-settings-form{grid-template-columns:1fr}.settings-submit{flex-direction:column;grid-column:auto;align-items:flex-start}.danger-zone{flex-direction:column;align-items:flex-start}}html[data-theme=light] .admin-page{background:var(--ink)!important}html[data-theme=light] .admin-sidebar{background:var(--surface)!important;border-right:1px solid var(--line)!important;color:var(--text)!important}html[data-theme=light] .admin-sidebar nav button{color:var(--muted)!important}html[data-theme=light] .admin-sidebar nav button:hover,html[data-theme=light] .admin-sidebar nav button.active{color:var(--red-bright)!important;background:#cf0b270f!important}html[data-theme=light] .admin-sidebar nav button.active{box-shadow:inset -3px 0 var(--red-bright)!important}html[data-theme=light] .admin-sidebar-footer{border-top:1px solid var(--line)!important;color:var(--muted)!important}html[data-theme=light] .admin-sidebar-footer button{color:var(--red-bright)!important}html[data-theme=light] .admin-brand{border-bottom:1px solid var(--line)!important}html[data-theme=light] .admin-brand small{color:var(--muted)!important}html[data-theme=light] .admin-topbar{border-bottom:1px solid var(--line)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background:#ffffffd9!important}html[data-theme=light] .admin-hamburger{color:var(--text)!important}.course-roadmap-container{background:var(--surface,#13151d);border:1px solid var(--line,#ffffff14);direction:rtl;border-radius:16px;margin-bottom:28px;padding:22px;overflow:hidden;box-shadow:0 4px 20px #00000059}.roadmap-header{border-bottom:1px solid #ffffff12;margin-bottom:20px;padding-bottom:16px}.roadmap-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.roadmap-eyebrow{color:var(--brand,#e11432);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.roadmap-heading{color:var(--text,#fff);margin:4px 0 0;font-size:1.15rem;font-weight:800}.roadmap-progress-badge{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.progress-fraction{color:var(--muted,#8a909d);font-size:12px;font-weight:600}.roadmap-mini-bar{background:#ffffff1a;border-radius:4px;width:130px;height:6px;overflow:hidden}.roadmap-mini-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;height:100%;transition:width .35s}.roadmap-timeline{flex-direction:column;display:flex}.roadmap-step{align-items:stretch;gap:16px;display:flex;position:relative}.roadmap-spine{flex-direction:column;flex-shrink:0;align-items:center;width:40px;display:flex;position:relative}.spine-line{background:#ffffff1a;flex:1;width:2px;min-height:14px;transition:background .2s}.spine-line.is-first,.spine-line.is-last{visibility:hidden}.spine-line.line-completed{background:#10b981}.spine-node{z-index:2;flex-direction:column;align-items:center;gap:3px;margin:3px 0;display:flex;position:relative}.node-circle{width:36px;height:36px;color:var(--text,#fff);background:#ffffff0a;border:1.5px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;transition:all .18s;display:flex}.roadmap-step.is-completed .node-circle{color:#10b981;background:#10b98129;border:2px solid #10b981}.roadmap-step.is-current .node-circle{color:#fff;background:#cf0b2733;border:2px solid #cf0b27;box-shadow:0 0 14px #cf0b278c}.roadmap-step.is-locked .node-circle{color:var(--muted,#666);background:#ffffff05;border:1.5px solid #ffffff12}.node-pulse-container{justify-content:center;align-items:center;display:flex;position:relative}.pulse-ring{pointer-events:none;border:2px solid #f35;border-radius:50%;width:100%;height:100%;animation:2s cubic-bezier(.24,0,.38,1) infinite nodePulse;position:absolute}@keyframes nodePulse{0%{opacity:.8;transform:scale(.9)}70%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(1.6)}}.spine-number{color:var(--muted,#6a7180);font-variant-numeric:tabular-nums;font-size:10px;font-weight:700}.roadmap-content-cell{flex:1;min-width:0;padding-bottom:18px}.roadmap-link-wrapper{color:inherit;border-radius:12px;text-decoration:none;display:block}.roadmap-locked-wrapper{border-radius:12px;display:block}.roadmap-node-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;padding:14px 16px;transition:all .16s}.roadmap-step.is-completed .roadmap-node-card{background:#10b98105;border-color:#10b98129}.roadmap-step.is-current .roadmap-node-card{background:#cf0b270d;border:1.5px solid #cf0b2752;box-shadow:0 4px 20px #cf0b2714}.roadmap-step.is-locked .roadmap-node-card{opacity:.6;cursor:not-allowed;border-color:#ffffff0a}.roadmap-link-wrapper:hover .roadmap-node-card{background:#ffffff0a;border-color:#ffffff29;transform:translateY(-1px)}.roadmap-link-wrapper:hover .roadmap-step.is-current .roadmap-node-card{background:#cf0b2717;border-color:#cf0b2780}.node-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.node-type-pill{border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.node-type-pill.type-video{color:#38bdf8;background:#38bdf81a}.node-type-pill.type-exam{color:#f59e0b;background:#f59e0b1a}.node-type-pill.type-assignment{color:#a855f7;background:#a855f71a}.node-status-pill{border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.node-status-pill.status-is-completed{color:#10b981;background:#10b9811f;font-weight:700}.node-status-pill.status-is-current{color:#f35;background:#cf0b2724;font-weight:700}.node-status-pill.status-is-locked{color:var(--muted,#777);background:#ffffff0a}.node-status-pill.status-is-available{color:#e2e8f0;background:#ffffff14}.node-card-body{margin:4px 0 8px}.node-item-title{color:var(--text,#fff);margin:0 0 4px;font-size:15px;font-weight:700;line-height:1.5}.node-item-hint{color:var(--muted,#8a909d);margin:0;font-size:12px;line-height:1.6}.node-item-hint.current-hint{color:#ff8095;font-weight:600}.node-item-hint.completed-hint{color:#34d399}.node-card-footer{justify-content:flex-start;margin-top:10px;display:flex}.node-action-btn{color:#fff;background:#ffffff14;border-radius:8px;align-items:center;gap:6px;min-height:36px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .14s;display:inline-flex}.node-action-btn.btn-highlight{color:#fff;background:#cf0b27;box-shadow:0 2px 10px #cf0b2759}.roadmap-link-wrapper:hover .node-action-btn.btn-highlight{background:#e11432;box-shadow:0 4px 14px #cf0b2773}.action-arrow{transition:transform .14s}.roadmap-link-wrapper:hover .action-arrow{transform:translate(-3px)}@media (max-width:600px){.course-roadmap-container{border-radius:12px;padding:16px 12px}.roadmap-step{gap:10px}.roadmap-spine{width:32px}.node-circle{width:30px;height:30px}.node-circle svg{width:14px;height:14px}.roadmap-node-card{padding:12px}.node-item-title{font-size:13.5px}.roadmap-mini-bar{width:90px}}.lecture-materials-bar{align-items:center;gap:12px;margin-top:16px;display:flex}.seq-manager{background:var(--surface,#1a1b23);border:1px solid var(--line,#ffffff14);border-radius:16px;padding:24px}.seq-manager-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.seq-manager-header h3{color:var(--text,#fff);margin:0;font-size:16px;font-weight:700}.seq-manager-error{color:#ef4444;background:#ef444414;border-radius:8px;margin:0 0 12px;padding:10px 14px;font-size:13px}.seq-manager-success{color:#22c55e;background:#22c55e14;border-radius:8px;margin:0 0 12px;padding:10px 14px;font-size:13px}.seq-manager-empty{text-align:center;color:var(--muted,#888);padding:32px 16px;font-size:14px}.seq-manager-list{flex-direction:column;gap:2px;margin-bottom:16px;display:flex}.seq-manager-item{background:var(--surface-2,#ffffff08);border:1px solid var(--line,#ffffff0f);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:background .15s,border-color .15s;display:flex}.seq-manager-item:hover{background:#ffffff0d;border-color:#ffffff1a}.seq-manager-item-drag{cursor:grab;color:var(--muted,#888);touch-action:none}.seq-manager-item-drag:active{cursor:grabbing}.seq-manager-item-num{min-width:20px;color:var(--muted,#888);text-align:center;font-size:12px;font-weight:700}.seq-manager-item-icon{flex-shrink:0}.seq-manager-item-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.seq-manager-item-type{text-transform:uppercase;letter-spacing:.5px;color:var(--muted,#888);font-size:10px;font-weight:600}.seq-manager-item-title{color:var(--text,#fff);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.seq-manager-item-subtitle{color:var(--muted,#888);font-size:11px}.seq-manager-item-actions{flex-shrink:0;gap:2px;display:flex}.seq-manager-btn{width:28px;height:28px;color:var(--muted,#888);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.seq-manager-btn:hover{color:var(--text,#fff);background:#ffffff14}.seq-manager-btn:disabled{opacity:.3;cursor:not-allowed}.seq-manager-btn-danger:hover{color:#ef4444;background:#ef444426}.seq-manager-add{border-top:1px solid var(--line,#ffffff0f);align-items:center;gap:8px;padding:12px 0;display:flex}.seq-manager-add .admin-select{min-width:140px}.seq-manager-footer{border-top:1px solid var(--line,#ffffff0f);justify-content:flex-end;padding-top:12px;display:flex}@media (max-width:600px){.seq-manager{padding:14px}.seq-manager-item{gap:6px;padding:8px}.seq-manager-add{flex-wrap:wrap}.seq-manager-add .admin-select{min-width:100%}}.ai-exam-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);direction:rtl;background:#08090bc7;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0;overflow-y:auto}.ai-exam-modal-container{background:var(--surface);border:1px solid var(--line);width:100%;max-width:960px;max-height:90vh;color:var(--text);border-radius:18px;flex-direction:column;font-family:inherit;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080}.ai-exam-modal-header{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.header-badge-title{flex-direction:column;gap:.35rem;display:flex}.header-badge-title h2{color:var(--text);margin:0;font-size:1.2rem;font-weight:800}.ai-badge{color:var(--red-bright);background:#cf0b271f;border:1px solid #cf0b2759;border-radius:9999px;align-items:center;gap:.4rem;width:fit-content;padding:.2rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.ai-exam-modal-header .close-btn{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;padding:.45rem;transition:all .18s;display:flex}.ai-exam-modal-header .close-btn:hover{background:var(--surface);color:var(--text);border-color:var(--line)}.ai-exam-modal-body{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.section-title{color:var(--text);border-bottom:1px solid var(--line);align-items:center;gap:.5rem;margin-bottom:.85rem;padding-bottom:.5rem;font-size:1.05rem;font-weight:800;display:flex}.config-section{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.25rem}.placement-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.form-group{flex-direction:column;gap:.45rem;display:flex}.form-group label{color:var(--text);align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;display:flex}.custom-select,.custom-input{background:var(--surface-2);border:1px solid var(--line);color:var(--text);border-radius:9px;outline:none;width:100%;padding:.6rem .85rem;font-family:inherit;font-size:.9rem;transition:border-color .18s,box-shadow .18s}.custom-select:focus,.custom-input:focus{border-color:var(--red);box-shadow:0 0 0 2px #cf0b2733}.ai-segments{grid-template-columns:repeat(2,1fr);gap:.4rem;display:grid}.ai-segments button,.ai-segment-btn{border:1px solid var(--line);background:var(--surface-2);min-height:40px;color:var(--muted);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;font-family:inherit;font-size:.86rem;font-weight:700;transition:all .18s;display:flex}.ai-segments button:hover,.ai-segment-btn:hover{background:var(--surface);color:var(--text)}.ai-segments button.active,.ai-segment-btn.active{border-color:var(--red);color:var(--red-bright);background:#cf0b2724;font-weight:800}.lecture-range-container{background:#cf0b270a;border:1px dashed #cf0b2759;border-radius:12px;margin-bottom:1rem;padding:1rem}.range-dropdown-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;display:grid}.range-separator{color:var(--red-bright);text-align:center;white-space:nowrap;font-size:.8rem;font-weight:800}.inter-lecture-hint{color:var(--red-bright);margin:.65rem 0 0;font-size:.8rem;font-weight:600;line-height:1.5}.meta-grid{grid-template-columns:2fr 1fr 1.6fr;align-items:flex-end;gap:1rem;display:grid}.passing-badge{color:var(--red-bright);font-weight:800}.ai-pass-stepper-wrap{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.ai-count-control{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;grid-template-columns:40px 58px 40px;align-items:center;display:inline-grid;overflow:hidden}.ai-count-control button{background:var(--surface-2);height:40px;min-height:40px;color:var(--text);cursor:pointer;border:none;place-items:center;transition:background .18s;display:grid}.ai-count-control button:hover:not(:disabled){background:var(--surface);color:var(--red-bright)}.ai-count-control button:disabled{opacity:.35;cursor:not-allowed}.ai-count-control input{border:none;border-inline:1px solid var(--line);background:var(--surface-2);width:100%;height:40px;min-height:40px;color:var(--text);text-align:center;font-size:.95rem;font-weight:800}.ai-quick-pills{align-items:center;gap:.3rem;display:flex}.ai-quick-pill{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:8px;padding:.38rem .65rem;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .18s}.ai-quick-pill:hover{background:var(--surface);color:var(--text);border-color:var(--line)}.ai-quick-pill.active{border-color:var(--red);color:var(--red-bright);background:#cf0b2724;font-weight:800}.upload-section{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.25rem}.dropzone-box{text-align:center;cursor:pointer;background:#cf0b2709;border:1px dashed #cf0b2773;border-radius:14px;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;transition:all .18s;display:flex}.dropzone-box:hover{border-color:var(--red);background:#cf0b2714}.dropzone-icon{color:var(--red-bright)}.dropzone-box h4{color:var(--text);margin:0;font-size:1rem;font-weight:700}.dropzone-box p{color:var(--muted);margin:0;font-size:.82rem}.mobile-upload-actions{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.85rem;display:none}.btn-touch-upload{background:var(--surface-2);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1rem;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .18s;display:flex}.btn-touch-upload:hover,.btn-touch-upload:active{background:var(--surface);border-color:var(--red);color:var(--text)}.thumbnails-scroll-container{-webkit-overflow-scrolling:touch;width:100%;margin-top:.85rem;padding-bottom:6px;overflow-x:auto}.thumbnails-grid{flex-wrap:nowrap;gap:.75rem;min-width:min-content;display:flex}.thumbnail-card{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;flex-shrink:0;width:96px;height:96px;position:relative;overflow:hidden}.thumbnail-card img{object-fit:cover;width:100%;height:100%}.thumbnail-idx{color:#fff;background:#000000bf;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:800;position:absolute;top:4px;right:4px}.thumb-delete-btn{background:var(--red);color:#fff;cursor:pointer;z-index:2;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:background .18s;display:flex;position:absolute;top:4px;left:4px}.thumb-delete-btn:hover{background:var(--red-dark)}.ocr-action-bar{flex-direction:column;gap:.5rem;margin-top:1.25rem;display:flex}.btn-ocr{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-family:inherit;font-size:.92rem;font-weight:800;transition:all .18s;display:flex;box-shadow:0 4px 14px #cf0b2740}.btn-ocr:hover:not(:disabled){background:var(--red-dark);transform:translateY(-1px);box-shadow:0 6px 18px #cf0b2759}.btn-ocr:disabled{opacity:.55;cursor:not-allowed}.error-banner{border:1px solid var(--red);color:var(--red-bright);background:#cf0b271a;border-radius:8px;padding:.65rem .85rem;font-size:.85rem;font-weight:600}.preview-studio-section{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.25rem}.studio-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.studio-subtitle{color:var(--muted);margin:.25rem 0 0;font-size:.82rem}.studio-quick-tools{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.btn-quick-tool,.btn-outline-sm{background:var(--surface-2);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:.35rem;min-height:38px;padding:.45rem .75rem;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .18s;display:inline-flex}.btn-quick-tool:hover,.btn-outline-sm:hover{background:var(--surface);border-color:var(--red);color:var(--text)}.empty-questions-state{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1rem;display:flex}.empty-sparkle{color:var(--red-bright)}.empty-questions-state h4{color:var(--text);margin:0;font-size:1.05rem;font-weight:700}.empty-questions-state p{color:var(--muted);max-width:48ch;margin:0;font-size:.85rem}.questions-card-list{flex-direction:column;gap:1rem;display:flex}.question-card{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:1.15rem;transition:all .18s}.question-card.is-collapsed{background:var(--surface-2);border-color:var(--line);padding:.75rem 1rem}.clickable-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;transition:background .18s}.card-topbar{justify-content:space-between;align-items:center;display:flex}.card-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.q-badge{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:.2rem .55rem;font-size:.75rem;font-weight:800}.confidence-pill{border-radius:6px;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.confidence-pill.high{color:#34d399;background:#10b9811f;border:1px solid #10b9814d}.confidence-pill.medium{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b4d}.confidence-pill.low{color:var(--red-bright);background:#cf0b271f;border:1px solid #cf0b274d}.collapsed-answer-chip{color:#34d399;text-overflow:ellipsis;white-space:nowrap;background:#10b9811f;border:1px solid #10b98159;border-radius:6px;align-items:center;gap:.35rem;max-width:220px;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex;overflow:hidden}.collapsed-snippet{background:var(--ink);border:1px solid var(--line);color:var(--muted);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;margin-top:.5rem;padding:.5rem .75rem;font-size:.85rem;overflow:hidden}.card-controls{align-items:center;gap:.35rem;display:flex}.icon-ctrl{background:var(--surface);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:.35rem;transition:all .18s;display:flex}.icon-ctrl:hover:not(:disabled){background:var(--surface-2);color:var(--text);border-color:var(--line)}.icon-ctrl:disabled{opacity:.3;cursor:not-allowed}.icon-ctrl.delete:hover{border-color:var(--red);color:var(--red-bright);background:#cf0b2726}.expanded-editor-content{flex-direction:column;gap:.85rem;margin-top:.85rem;display:flex}.explanation-pill-row{margin-bottom:.25rem}.explanation-pill{color:var(--text);text-overflow:ellipsis;white-space:nowrap;background:#cf0b2714;border:1px solid #cf0b2740;border-radius:6px;max-width:100%;padding:.25rem .55rem;font-size:.75rem;display:inline-block;overflow:hidden}.prompt-editor-group,.options-editor-group{flex-direction:column;gap:.35rem;display:flex}.prompt-editor-group label,.options-editor-group label{color:var(--muted);font-size:.8rem;font-weight:700}.prompt-textarea{background:var(--surface);border:1px solid var(--line);color:var(--text);resize:vertical;border-radius:8px;outline:none;width:100%;padding:.6rem .85rem;font-family:inherit;font-size:.95rem;transition:border-color .18s}.prompt-textarea:focus{border-color:var(--red);box-shadow:0 0 0 2px #cf0b2733}.options-list-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.option-row{background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:.75rem;min-height:48px;padding:.5rem .75rem;transition:all .18s;display:flex}.option-row:hover{border-color:#cf0b2766}.option-row.is-correct-option{background:#10b98114;border:1.5px solid #10b981}.correct-radio-btn{border:1px solid var(--line);background:var(--surface-2);width:36px;min-width:36px;height:36px;min-height:36px;color:var(--text);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;font-size:.95rem;font-weight:800;transition:all .18s;display:flex}.correct-radio-btn.checked{color:#fff;background:#10b981;border-color:#10b981;box-shadow:0 0 10px #10b98166}.option-input{color:var(--text);background:0 0;border:none;outline:none;width:100%;min-height:38px;font-family:inherit;font-size:.92rem}.correct-tag{color:#10b981;white-space:nowrap;margin-right:auto;font-size:.75rem;font-weight:800}.touch-select-hint{color:var(--muted);white-space:nowrap;opacity:0;margin-right:auto;font-size:.7rem;transition:opacity .18s}.option-row:hover .touch-select-hint{opacity:1}.ai-exam-modal-footer{z-index:50;border-top:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 24px #0003}.footer-btns{align-items:center;gap:.75rem;margin-right:auto;display:flex}.btn-sticky-primary{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;height:44px;min-height:44px;padding:0 1.5rem;font-family:inherit;font-size:.92rem;font-weight:800;transition:all .18s;display:inline-flex;box-shadow:0 4px 14px #cf0b2740}.btn-sticky-primary:hover:not(:disabled){background:var(--red-dark);transform:translateY(-1px);box-shadow:0 6px 18px #cf0b2759}.btn-sticky-ocr{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;height:44px;min-height:44px;padding:0 1.5rem;font-family:inherit;font-size:.92rem;font-weight:800;transition:all .18s;display:inline-flex;box-shadow:0 4px 14px #cf0b2740}.btn-sticky-ocr:hover:not(:disabled){background:var(--red-dark);transform:translateY(-1px);box-shadow:0 6px 18px #cf0b2759}.submit-error-msg{color:var(--red-bright);align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;display:flex}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--line);cursor:pointer;border-radius:10px;height:44px;min-height:44px;padding:0 1.25rem;font-family:inherit;font-size:.88rem;font-weight:700;transition:all .18s}.btn-secondary:hover{background:var(--surface);border-color:var(--line)}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.placement-grid,.meta-grid,.options-list-grid,.range-dropdown-row{grid-template-columns:1fr}}@media (max-width:640px){.ai-exam-modal-overlay{align-items:flex-start;padding:0}.ai-exam-modal-container{border:none;border-radius:0;width:100%;max-width:100vw;height:100dvh;max-height:100dvh}.ai-exam-modal-header{padding:.85rem 1rem}.header-badge-title h2{font-size:1rem;line-height:1.35}.ai-exam-modal-body{gap:1.15rem;padding:.85rem}.config-section,.preview-studio-section,.upload-section{padding:.85rem}.dropzone-box{display:none}.mobile-upload-actions{display:grid}.ai-segments{grid-template-columns:1fr 1fr}.ai-segments button,.ai-segment-btn{min-height:42px;padding:.65rem .5rem;font-size:.8rem}.correct-radio-btn{width:38px;min-width:38px;height:38px;min-height:38px}.option-row{min-height:48px;padding:.5rem .65rem}.ai-exam-modal-footer{padding:.75rem .85rem}.footer-btns{grid-template-columns:auto 1fr;gap:.5rem;width:100%;display:grid}.btn-sticky-primary,.btn-sticky-ocr{justify-content:center;width:100%;padding:.65rem .75rem;font-size:.88rem}.studio-header{flex-direction:column;align-items:stretch;gap:.75rem}.studio-quick-tools{justify-content:space-between;width:100%}.card-topbar{flex-direction:column;align-items:stretch;gap:.5rem}.card-controls{border-top:1px solid var(--line);justify-content:flex-end;width:100%;padding-top:.35rem;display:flex}.icon-ctrl{width:38px;height:38px}}html[data-theme=light] .ai-exam-modal-container{color:#15151a;background:#fff;border-color:#18191f1f;box-shadow:0 20px 45px #0000001f}html[data-theme=light] .ai-exam-modal-header,html[data-theme=light] .ai-exam-modal-footer{background:#fdfdfd;border-color:#18191f1a}html[data-theme=light] .config-section,html[data-theme=light] .upload-section,html[data-theme=light] .preview-studio-section,html[data-theme=light] .question-card{background:#fff;border-color:#18191f1f}html[data-theme=light] .custom-select,html[data-theme=light] .custom-input,html[data-theme=light] .prompt-textarea,html[data-theme=light] .option-row{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}html[data-theme=light] .question-card.is-collapsed{background:#f8fafc;border-color:#e2e8f0}html[data-theme=light] .collapsed-snippet{color:#475569;background:#f1f5f9;border-color:#e2e8f0}html[data-theme=light] .correct-radio-btn{color:#334155;background:#e2e8f0;border-color:#cbd5e1}html[data-theme=light] .btn-secondary,html[data-theme=light] .btn-quick-tool,html[data-theme=light] .btn-outline-sm,html[data-theme=light] .btn-touch-upload,html[data-theme=light] .thumbnail-card,html[data-theme=light] .q-badge,html[data-theme=light] .card-controls .icon-ctrl{color:#334155;background:#f1f5f9;border-color:#e2e8f0}html[data-theme=light] .option-input{color:#0f172a}.inter-lecture-gate-step{background:#0f172acc;border:1px solid #1e293b;border-radius:10px;flex-direction:column;gap:.45rem;margin:.65rem 0;padding:.75rem .85rem;transition:all .2s;display:flex}.inter-lecture-gate-step.is-locked-gate{background:#ef444412;border-color:#ef444473}.inter-lecture-gate-step.is-passed{background:#10b9810f;border-color:#10b98166}.gate-step-header{justify-content:space-between;align-items:center;display:flex}.gate-step-badge{color:#f8fafc;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;display:inline-flex}.gate-pass-score{color:#94a3b8;font-size:.7rem;font-weight:600}.gate-step-title{justify-content:space-between;align-items:center;display:flex}.gate-step-title strong{color:#fff;font-size:.85rem}.gate-step-btn{border-radius:6px;justify-content:center;align-items:center;gap:.4rem;margin-top:.25rem;padding:.45rem .75rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.btn-gate-start{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.btn-gate-start:hover{opacity:.95;transform:translateY(-1px)}.btn-gate-passed{color:#34d399;background:#10b98126;border:1px solid #10b98159}.btn-gate-passed:hover{background:#10b98140}.ai-ocr-action-btn{color:#fca5a5!important;background:#ef44441f!important;border-color:#ef444466!important;align-items:center!important;gap:.35rem!important;font-weight:700!important;display:inline-flex!important}.ai-ocr-action-btn:hover{color:#fff!important;background:#ef444438!important;border-color:#ef4444!important}