:root,html[data-theme=light]{--navy: #562989;--navy-deep: #330f5c;--navy-soft: #7031bf;--gold: #7031bf;--gold-light: #8443da;--cream: #f7f4fb;--paper: #ffffff;--ink: #1b1230;--muted: #6b617c;--line: #eadff6;--teal: #562989;--danger: #f43f5e;--shadow: 0 16px 40px rgba(86, 41, 137, .08);--radius: 22px;--container: 1180px;--glow: 0 10px 24px rgba(86, 41, 137, .18);--header-bg: rgba(255, 255, 255, .92);--input-bg: #ffffff;--stat-bg: #faf7ff;--hover-fill: rgba(86, 41, 137, .06);--success-bg: #eefbf3;--success-ink: #0f7a4a;--danger-bg: #fff1f2;--danger-ink: #be123c}html[data-theme=dark]{--navy: #d2b8ff;--navy-deep: #f3eaff;--navy-soft: #9b63e9;--gold: #b78ff1;--gold-light: #d2b8ff;--cream: #0b0714;--paper: #161022;--ink: #f4eefc;--muted: #b7adc8;--line: rgba(183, 143, 241, .22);--teal: #9bdcff;--danger: #ff6b81;--shadow: 0 18px 40px rgba(0, 0, 0, .35);--glow: 0 10px 28px rgba(112, 49, 191, .35);--header-bg: rgba(11, 7, 20, .88);--input-bg: #1c152b;--stat-bg: #1c152b;--hover-fill: rgba(183, 143, 241, .12);--success-bg: rgba(45, 180, 110, .16);--success-ink: #8ae7b8;--danger-bg: rgba(255, 107, 129, .14);--danger-ink: #ff9aa8;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;min-height:100dvh}html{scroll-behavior:smooth;color-scheme:light}body{font-family:Almarai,Cairo,Segoe UI,Tahoma,sans-serif;color:var(--ink);background:var(--cream);line-height:1.8;overflow-x:hidden;display:flex;flex-direction:column;transition:background-color .25s ease,color .25s ease}app-root{flex:1 0 auto;display:block;width:100%;min-height:100%;min-height:100dvh}app-root>main>*:not(router-outlet),.app-main>*:not(router-outlet){flex:1 1 auto;display:flex;flex-direction:column;width:100%}.app-main>*:not(router-outlet)>.section:last-of-type{flex:1 1 auto}app-footer{margin-top:auto;width:100%;flex-shrink:0}app-panel,app-stat-card,app-alert-banner,app-dash-nav,app-page-hero,app-teacher-shell{display:block;width:100%;min-width:0;max-width:100%}app-panel{display:flex;height:100%}app-stat-card{height:100%}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin:0}.container{width:min(var(--container),100% - 40px);margin-inline:auto}.section{padding:80px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 18px;min-height:44px;line-height:1.45;font-weight:700;transition:transform .25s ease,filter .25s ease,background .25s ease,box-shadow .25s ease;white-space:nowrap}.section-head{text-align:center;max-width:640px;margin:0 auto 48px}.eyebrow{display:inline-block;color:var(--navy);background:#56298914;border:1px solid var(--line);border-radius:999px;padding:4px 14px;font-size:.85rem;font-weight:700;margin-bottom:12px}.section-head h1,.section-head h2{font-size:clamp(1.8rem,3vw,2.6rem);color:var(--navy-deep);line-height:1.3}.page-hero h1{font-size:clamp(1.8rem,3vw,2.6rem);color:#fff;line-height:1.3}.section-head p,.lead{color:var(--muted);margin-top:10px}.btn-primary{background:linear-gradient(135deg,#8443da,#562989);color:#fff;box-shadow:var(--glow)}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--navy);border:1px solid var(--line)}.btn-ghost:hover,.btn-outline:hover{background:var(--hover-fill)}.btn-outline{background:transparent;color:var(--navy);border:1px solid var(--line)}.btn-navy{background:#330f5c;color:#fff}.btn-navy:hover{background:var(--navy-soft)}.btn-light{background:var(--paper);color:var(--navy-deep)}.btn-light:hover{background:#f3e9ff;transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(.92)}.btn-danger-ghost{background:var(--danger-bg);color:var(--danger-ink);border:1px solid transparent}.btn-danger-ghost:hover{background:var(--danger);color:#fff}.grid-4,.grid-3,.grid-2{display:grid;gap:22px;align-items:stretch}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4>*,.grid-3>*,.grid-2>*{min-width:0;width:100%}.dash-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:28px}.dash-charts>*{min-width:0}.dash-chart-wide{grid-column:1/-1}.dash-chart{height:260px;position:relative}.dash-chart .meta{margin:0;min-height:260px;display:grid;place-items:center;text-align:center}.hero{position:relative;overflow:hidden;min-height:calc(100vh - 84px);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:72px 0 48px}.hero-bg{position:absolute;inset:-2% -6% -12%;background:#12081f url(/hero.png) left top/cover no-repeat;transform-origin:left top;will-change:transform}.hero-veil{position:absolute;inset:0;background:linear-gradient(180deg,#0c06166b,#0c0616b8 58%,#0c0616e0),radial-gradient(circle at 50% 40%,transparent 0%,rgba(12,6,22,.35) 70%)}.code-float{position:absolute;inset:0;z-index:1;pointer-events:none}.code-float span{position:absolute;z-index:1;color:#ffffff6b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;pointer-events:none;text-shadow:0 0 18px rgba(0,178,255,.35)}.code-float span:nth-child(1){top:16%;right:12%;font-size:1.8rem}.code-float span:nth-child(2){top:28%;left:10%;font-size:1.4rem}.code-float span:nth-child(3){bottom:22%;right:18%;font-size:1.1rem}.code-float span:nth-child(4){top:18%;left:22%;font-size:1.6rem;color:#9bdcff}.code-float span:nth-child(5){bottom:18%;left:12%;font-size:.95rem}.code-float span:nth-child(6){top:42%;right:8%;font-size:1rem}.hero-copy{position:relative;z-index:2;width:min(640px,100% - 48px);margin-inline:auto;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-copy>*{opacity:0}.hero-kicker,.hero h1,.hero .lead,.hero-code{width:100%;text-align:center}.hero-kicker{color:#d2b8ff;font-size:.88rem;margin-bottom:10px;letter-spacing:.02em}.hero h1{font-size:clamp(1.2rem,2.4vw,1.7rem);line-height:1.45;margin:0 0 12px;font-weight:800;color:#fff;white-space:nowrap}.hero .lead{color:#ffffffdb;font-size:.95rem;max-width:560px;margin-inline:auto}.hero-lead-short{display:none}.hero-code{margin-top:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#9bdcff;font-size:.82rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 0;justify-content:center}.hero-actions .btn{min-height:50px;padding:12px 22px;border-radius:999px;font-weight:800;letter-spacing:.01em}.hero-actions .btn ng-icon{display:inline-flex;flex-shrink:0}.hero-actions .btn-primary{padding-inline:26px;box-shadow:0 12px 28px #5629896b}.hero-actions .btn-primary:hover{box-shadow:0 16px 34px #5629898c}.hero .btn-ghost{color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.32);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hero .btn-ghost:hover{background:#ffffff29;border-color:#ffffff8c;color:#fff}.hero-visual,.hero-banner{display:none}.hero-stats{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:14px;padding:28px 0 32px}.hero-stat b{display:block;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:var(--navy)}.hero-stat span{color:var(--muted);font-size:.92rem}.search-box{display:flex;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;max-width:520px}.search-box input{flex:1;border:0;padding:14px 16px;outline:none;color:var(--ink);background:var(--input-bg)}.search-box button{border:0;background:linear-gradient(135deg,#8443da,#562989);color:#fff;font-weight:800;padding:0 20px}.hero-card{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-card h3{margin-bottom:18px}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stat{background:#ffffff0f;border-radius:16px;padding:16px}.stat b{display:block;font-size:1.7rem;color:var(--gold-light)}.page-hero{background:radial-gradient(circle at 80% 10%,rgba(112,49,191,.35),transparent 34%),linear-gradient(160deg,#12081f,#330f5c);color:#fff;padding:64px 0 48px;min-height:220px}.page-hero .eyebrow{color:#fff;background:#ffffff1f;border-color:#ffffff80}.page-hero p{color:#ffffffd1;margin-top:12px;max-width:min(36rem,100%);line-height:1.9;text-align:start;overflow-wrap:break-word;unicode-bidi:isolate}.page-hero .hero-search,.page-hero .search-box{max-width:640px;margin-top:22px;border:0;box-shadow:0 12px 28px #08031047}.page-hero .search-box input{background:#fff;color:#1b1230}.card,.course-card,.feature-card,.instructor-card,.article-card{display:block;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}app-stat-card .feature-card{height:100%}.panel-spaced{margin-bottom:22px}.course-card{overflow:hidden;display:flex;flex-direction:column;width:100%;min-width:0;min-height:100%;height:100%;transition:transform .28s ease,box-shadow .28s ease}.course-card-host{display:flex;width:100%;min-width:0;height:100%}.course-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px #56298929}.course-cover{position:relative;overflow:hidden;height:168px;color:#fff;background:linear-gradient(180deg,#12081f1f,#12081f9e),url(/hero.png) center top/cover no-repeat;transition:transform .45s ease}.course-card:hover .course-cover{transform:scale(1.06)}.course-cover.programming{background:linear-gradient(180deg,#12081f1f,#2a165094),url(/hero.png) center top/cover no-repeat}.course-cover.ai{background:linear-gradient(180deg,#12081f14,#12081f8c),url(/islam.png) center 18%/cover no-repeat}.course-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.course-cover.has-photo{background:#12081f}.course-year{position:absolute;top:12px;inset-inline-end:12px;font-weight:800;font-size:.9rem;text-shadow:0 2px 8px rgba(0,0,0,.35);z-index:1}.course-price-tag{position:absolute;bottom:12px;inset-inline-end:12px;background:#562989;border-radius:999px;padding:5px 12px;font-size:.78rem;font-weight:800;z-index:1}.course-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}.course-body h3{font-size:.98rem;line-height:1.55;color:var(--navy-deep);min-height:0;overflow-wrap:anywhere}.course-details{list-style:none;padding:0;margin:2px 0 0}.course-details li{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.88rem;padding:4px 0}.course-details ng-icon{color:var(--navy);flex-shrink:0}.course-more{display:inline-flex;align-items:center;gap:4px;width:fit-content;background:transparent;border:0;padding:4px 0;color:var(--muted);font-weight:700;font-size:.86rem}.course-more.open ng-icon{transform:rotate(180deg)}.course-extra{color:var(--muted);font-size:.86rem;line-height:1.7}.badge{display:inline-flex;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:700;background:#ffffff2e}.meta{color:var(--muted);font-size:.9rem}.price-row{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px}.price{color:var(--navy);font-weight:800;font-size:1.15rem}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.chip{display:inline-flex;align-items:center;border:1px solid var(--line);background:var(--paper);color:var(--navy);border-radius:999px;padding:8px 16px;font-weight:700}.chip.active{background:linear-gradient(135deg,#8443da,#562989);color:#fff;border-color:transparent}.feature-card,.instructor-card,.article-card{padding:24px}.icon-circle{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#5629891a;color:var(--navy);font-size:1.3rem;margin-bottom:14px}.cta-band{background:linear-gradient(135deg,#562989,#00b2ff);color:#fff;border-radius:28px;padding:36px;display:flex;justify-content:space-between;align-items:center;gap:20px}.form{display:grid;gap:18px;min-width:0}.form label{display:grid;gap:8px;min-width:0;font-weight:700;color:var(--navy-deep)}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}.form input,.form textarea,.form select,.password-field input{width:100%;max-width:100%;min-width:0;border:1px solid var(--line);background:var(--input-bg);color:var(--ink);border-radius:14px;padding:13px 16px;outline:none;line-height:1.5}.password-field-host,.password-field{position:relative;display:block}.password-field input{padding-inline-end:46px}.password-toggle{position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:var(--navy);cursor:pointer;z-index:2}.password-toggle:hover{color:var(--navy);background:var(--hover-fill)}.form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:left 18px center,left 24px center;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-left:40px}.form input[type=date]{min-height:50px}.date-field{position:relative;display:block;min-width:0}.form .date-field input[type=date]{display:flex;align-items:center;justify-content:flex-end;width:100%;height:50px;min-height:50px;padding:0 42px 0 14px;direction:ltr;unicode-bidi:isolate;text-align:right;line-height:normal;-webkit-appearance:none;appearance:none;color-scheme:inherit}.form .date-field input[type=date]::-webkit-date-and-time-value{text-align:right;margin:0;min-width:100%}.form .date-field input[type=date]::-webkit-datetime-edit,.form .date-field input[type=date]::-webkit-datetime-edit-fields-wrapper{padding:0;margin:0}.form .date-field input[type=date]::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto;margin:0;padding:0;background:transparent;opacity:0;cursor:pointer}.date-field:after{content:"";position:absolute;top:50%;right:14px;width:18px;height:18px;transform:translateY(-50%);pointer-events:none;background-color:var(--muted);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M16 2v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E") center/contain no-repeat}@supports (-webkit-touch-callout: none){.form .date-field input[type=date]{height:50px;padding-block:0;font-size:1rem}}.form input:focus,.form textarea:focus,.form select:focus{border-color:#8443da;box-shadow:0 0 0 4px #7031bf40}.form>.btn{width:100%;margin-top:4px}.form .check-row{display:flex;align-items:center;gap:8px}.form .check-row input{width:auto;padding:0}.success{background:var(--success-bg);color:var(--success-ink);border:1px solid color-mix(in srgb,var(--success-ink) 28%,transparent);border-radius:12px;padding:12px 14px}.error{color:var(--danger);font-size:.9rem}.site-footer{position:relative;isolation:isolate;overflow:hidden;background:#12081f;color:#ffffffc7;padding:56px 0 24px;margin-top:0}.site-footer:before{content:"";position:absolute;inset:0;z-index:-2;background:#12081f url(/hero.png) center center/cover no-repeat;opacity:.38}.site-footer:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#12081fb8,#12081fe6)}.site-footer h3,.site-footer h4{color:#fff;margin-bottom:12px}.site-footer a:hover{color:var(--teal)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}.footer-copy{margin-top:36px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:12px;font-size:.9rem}.course-lesson-block{margin:0 0 72px}.course-lesson-block .panel{margin-bottom:0}.course-pack-picks{margin:4px 0 8px}.course-video-slots{display:grid;gap:14px}.lecture-picks{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.lecture-picks .chip.is-soon:not(.active){opacity:.72}.course-detail{display:grid;grid-template-columns:1.4fr .8fr;gap:48px;margin-top:0;align-items:start}.course-detail-cover{width:100%;height:180px;object-fit:cover;border-radius:16px;display:block;background:#12081f}.panel{display:flex;flex-direction:column;gap:22px;flex:1;min-width:0;width:100%;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow);overflow:visible}.panel h2,.feature-card h3,.instructor-card h3{color:var(--navy-deep)}.panel h2{margin:0}.outcomes{padding-right:18px}.student-list{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:10px}.student-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.student-row span{min-width:0}.student-row .btn{flex:0 0 auto;padding:6px 14px}.table tr.is-editing td{background:#7031bf1a}.table .btn{padding:8px 14px}.table-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.exam-controls{display:grid;gap:12px;margin-bottom:18px}.exam-tabs{display:flex;flex-wrap:wrap;gap:8px}.exam-controls .view-toggle{margin-bottom:0}.exam-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:0}.exam-toolbar .btn{flex:0 1 auto;white-space:normal;max-width:100%}.exam-questions-grid{gap:28px;align-items:start}.students-page .panel{overflow:visible}.student-card-id{display:flex;align-items:center;gap:10px;min-width:0}.student-card-id>div{min-width:0}.student-card-id h3{margin:0;font-size:1.02rem}.student-card-id .meta{margin:2px 0 0}.student-avatar{flex:0 0 auto;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#5629891f;color:var(--navy-deep);font-weight:800;font-size:.85rem}.sub-rows{display:grid;gap:8px}.sub-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--stat-bg);border:1px solid var(--line);min-width:0}.sub-row>div{min-width:0}.sub-row span,.sub-row strong{display:block;min-width:0;overflow-wrap:anywhere}.student-search{display:grid;gap:8px;margin-bottom:16px;font-weight:700;color:var(--navy-deep)}.student-search input{width:100%;max-width:420px;border:1px solid var(--line);background:var(--input-bg);color:var(--ink);border-radius:14px;padding:12px 14px}.student-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}.exam-card.student-card{display:flex;flex-direction:column;gap:10px;min-width:0;height:100%;padding:14px 16px;overflow:visible}.student-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:0;padding:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.student-contact dt{color:var(--navy);font-size:.78rem;font-weight:800}.student-contact dd{margin:2px 0 0;font-size:.88rem;font-weight:700;overflow-wrap:anywhere}.student-subs{flex:1;display:grid;gap:8px;padding:10px 12px;border-radius:14px;background:var(--stat-bg);border:1px solid var(--line)}.student-subs-label{margin:0;font-size:.78rem;font-weight:800;color:var(--navy)}.student-subs-empty{margin:0}.student-sub{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.student-sub>div{min-width:0;display:grid;gap:2px}.student-sub .meta{margin:0}.student-sub-cancel{flex:0 0 auto;padding:4px 10px;color:var(--danger, #b42318)}.student-activate{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.student-activate select{min-width:0;width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;padding:8px 10px;font-weight:700}.student-activate .btn{padding:8px 14px}.student-file{display:grid;gap:18px}.student-file .panel{gap:16px;padding:22px 24px;height:100%}.student-file-top app-panel,.student-file-top .panel{height:100%}.student-grant-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;border-radius:16px;background:var(--stat-bg);border:1px solid var(--line)}.student-grant-bar select{flex:1 1 220px;min-width:0;min-height:44px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;padding:10px 14px;font:inherit;font-weight:700}.student-grant-bar .btn{min-height:44px;padding:0 18px;flex:0 0 auto}.shop-cell{display:flex;align-items:center;gap:12px;min-width:0}.shop-cell>div{min-width:0;display:grid;gap:2px}.shop-cell h3,.shop-cell strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-thumb.is-empty{flex:0 0 44px;background:linear-gradient(165deg,#3a1768,#12081f)}.student-file .student-grant-table{min-width:720px}.student-file .student-grant-table th:last-child,.student-file .student-grant-table td:last-child{width:1%;white-space:nowrap}.student-file .student-grant-table .table-actions{flex-wrap:nowrap;justify-content:flex-end}.student-file .student-grant-table .btn{min-height:36px;padding:6px 12px;font-size:.82rem}.student-file .exam-card-meta{margin:0}@media(max-width:720px){.student-grant-bar .btn{width:100%}.student-file .student-grant-table .table-actions{flex-wrap:wrap;justify-content:flex-start}}.student-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:4px}.student-actions .btn-primary{min-width:88px}.student-delete{color:var(--danger, #b42318)}@media(max-width:960px){.student-board{grid-template-columns:1fr}}@media(max-width:560px){.student-contact,.student-activate{grid-template-columns:1fr}}[data-sonner-toaster]{font-family:Almarai,Cairo,Segoe UI,Tahoma,sans-serif}.confirm-backdrop{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;padding:24px;background:#12081f9e}.confirm-card{width:min(440px,100%);background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:28px}.confirm-card h2{margin:0 0 10px;color:var(--navy-deep);font-size:1.25rem}.confirm-card p{margin:0 0 22px;color:var(--muted);line-height:1.8}.confirm-actions{display:flex;flex-wrap:wrap;gap:10px}.pay-card{width:min(480px,100%);position:relative;max-height:min(88vh,720px);overflow:auto;z-index:1}.pay-busy{position:absolute;inset:0;z-index:3;display:grid;justify-items:center;align-content:center;gap:16px;background:#12081fb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pay-spinner{width:52px;height:52px;border:4px solid rgba(255,255,255,.22);border-top-color:#fff;border-radius:50%;animation:page-spin .7s linear infinite}.pay-busy p{margin:0;font-weight:800;color:#fff}.pay-card h2{margin-bottom:16px}.pay-close{position:absolute;top:16px;left:16px;width:36px;height:36px;border:0;border-radius:50%;background:var(--hover-fill);color:var(--ink);font-size:1.4rem;line-height:1;cursor:pointer}.pay-summary{margin:0 0 18px;padding:14px 16px;border-radius:16px;background:var(--stat-bg);border:1px solid var(--line)}.pay-summary p{margin:0;color:var(--ink);font-weight:700}.pay-summary p+p{margin-top:6px}.pay-summary span{display:inline-block;min-width:64px;margin-inline-end:8px;color:var(--muted);font-weight:700}.pay-label{margin:0 0 10px;color:var(--navy-deep);font-weight:800}.pay-methods{display:grid;gap:10px}.pay-method{width:100%;padding:13px 16px;border:1.5px solid var(--navy);border-radius:12px;background:var(--paper);color:var(--navy);font:inherit;font-weight:800;cursor:pointer}.pay-method.active,.pay-method:hover{background:var(--navy);color:#fff}html[data-theme=dark] .pay-method.active,html[data-theme=dark] .pay-method:hover{color:#1b1230}.pay-box{margin-top:18px}.pay-qr-wrap{display:flex;justify-content:center;margin:0 0 14px;padding:14px;border-radius:16px;background:#fff;border:1px solid var(--line)}.pay-qr{display:block;width:min(240px,100%);height:auto;border-radius:8px}.pay-instapay-link{display:grid;gap:4px;margin:0 0 14px;padding:14px 16px;border-radius:14px;background:var(--navy);color:#fff;text-align:center;text-decoration:none;font-weight:700}.pay-instapay-link span{direction:ltr;font-size:1.05rem}.pay-instapay-link small{opacity:.8;font-weight:600}.pay-hint,.pay-after{margin:0 0 10px;color:var(--muted)}.pay-after{margin-top:14px;color:var(--ink);font-weight:700}.pay-account{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;background:var(--stat-bg);border:1px solid var(--line)}.pay-account strong{direction:ltr;text-align:start;white-space:pre-wrap;word-break:break-word}.pay-proof{width:100%;margin-top:6px;text-align:center}.pay-phone,.pay-upload{display:block;position:relative;margin:0 0 12px}.pay-upload.is-busy{pointer-events:none;opacity:.6}.pay-phone input{width:100%;margin-top:6px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--input-bg);color:var(--ink);font:inherit}.pay-upload input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.pay-upload .btn{width:100%}.pay-proof-preview{display:block;width:100%;max-height:180px;object-fit:contain;margin:0 0 12px;border-radius:12px;background:#fff;border:1px solid var(--line)}.inbox-proof{display:grid;gap:8px;margin:16px 0 20px;text-decoration:none;color:var(--navy);font-weight:700}.pay-activate{margin:0 0 18px;padding:14px 16px;border-radius:16px;background:var(--stat-bg);border:1px solid var(--line)}.pay-activate .pay-after{margin-top:0}.pay-activate label{display:grid;gap:6px;margin:0 0 12px;font-weight:700}.pay-activate .table-actions{margin-top:12px}.inbox-proof img{width:100%;max-height:420px;object-fit:contain;border-radius:14px;border:1px solid var(--line);background:#fff}.question-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.choice-list{margin:0;padding:0 18px 0 0}.question-list .question-item{margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--stat-bg)}.question-list .badge-ok{margin-bottom:10px}.question-list .check-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.question-list .check-row input{width:auto;padding:0}.question-list .btn-danger{margin-top:8px}.question-item{margin-bottom:14px;border:1px solid var(--line);border-radius:18px;padding:18px 20px;background:var(--paper);display:grid;gap:12px}.question-item:last-child{margin-bottom:0}.question-head{display:grid;gap:4px;margin-bottom:10px}.question-head.is-split{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:0}.question-head.is-split .q-copy{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;min-width:0;flex:1}.question-head.is-split .q-copy strong{line-height:1.45}.q-num{display:inline-flex;align-items:center;justify-content:center;min-width:1.7em;height:1.7em;margin-inline-end:8px;border-radius:8px;background:var(--navy);color:#fff;font-size:.82em;vertical-align:middle}html[data-theme=dark] .q-num{color:#0b0714}.question-head.is-split .q-points{color:var(--muted);font-size:.86rem;font-weight:700;white-space:nowrap}.result-mark{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 7px;border-radius:999px;font-weight:800;font-size:.92rem;letter-spacing:.02em}.result-mark-icon{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff}.result-mark-icon ng-icon{display:block}.result-mark.is-ok{background:var(--success-bg);color:var(--success-ink)}.result-mark.is-ok .result-mark-icon{background:var(--success-ink);color:var(--paper)}.result-mark.is-bad{background:var(--danger-bg);color:var(--danger-ink)}.result-mark.is-bad .result-mark-icon{background:var(--danger-ink);color:var(--paper)}html[data-theme=dark] .result-mark.is-ok .result-mark-icon,html[data-theme=dark] .result-mark.is-bad .result-mark-icon{color:#0b0714}.question-item legend{font-weight:700;margin-bottom:10px}.choice-list li.is-correct{font-weight:700;color:var(--success-ink)}.choice-list li.is-picked{font-weight:700;color:var(--danger-ink)}.ok-text{color:var(--success-ink);font-weight:800}.bad-text{color:var(--danger-ink);font-weight:800}fieldset.question-item.is-missing,.question-item.is-missing{border-color:#be123c;box-shadow:0 0 0 3px #be123c1f}.exam-review-wrap{max-width:820px}.turnstile-host{min-height:65px;max-height:70px;overflow:hidden;display:flex;justify-content:center}.exam-back{margin:0 0 18px}.btn-back{background:var(--navy);color:#fff;border:1px solid transparent;border-radius:999px;box-shadow:var(--glow);padding-inline:18px 10px;gap:10px}.btn-back:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-back-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ffffff29;color:#fff}.btn-back-icon ng-icon{display:block;transform:none}html[data-theme=dark] .btn-back{background:#2a1744;color:var(--navy-deep);border-color:var(--line)}html[data-theme=dark] .btn-back-icon{background:#b78ff133;color:var(--navy-deep)}.exam-timer{position:sticky;top:76px;z-index:4;margin-bottom:16px;padding:12px 16px;border-radius:14px;background:#160b28;color:#f3e9ff;font-weight:800;text-align:center;letter-spacing:.04em}.exam-timer.is-low{background:#7f1d1d;color:#fff}.review-answer{margin:0 0 8px;padding:13px 15px;border-radius:14px;background:#56298914;line-height:1.7}html[data-theme=dark] .review-answer{background:#b78ff11a}.review-answer.is-correct{background:var(--success-bg);color:var(--success-ink);font-weight:700}.review-answer.is-wrong{background:var(--danger-bg);color:var(--danger-ink);font-weight:700}.review-layout{display:grid;grid-template-columns:minmax(260px,300px) minmax(0,1fr);gap:16px;align-items:start}.submit-pane,.paper-pane{min-width:0}.submit-pane{position:sticky;top:84px}.submit-pane .panel{display:flex;flex-direction:column;gap:12px;padding:18px 16px;max-height:calc(100vh - 110px);overflow:hidden}.submit-pane .panel h2{font-size:1.05rem}.submit-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}.submit-toolbar input,.submit-toolbar select{width:100%;min-width:0;border:1px solid var(--line);background:var(--input-bg);color:var(--ink);border-radius:12px;padding:8px 12px;outline:none;min-height:40px;line-height:1.4}.submit-toolbar select{appearance:none;width:auto;min-width:6.8rem;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:left 12px center,left 18px center;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-left:32px}.submit-toolbar input:focus,.submit-toolbar select:focus{border-color:#8443da;box-shadow:0 0 0 3px #7031bf1f}.submit-list{display:grid;gap:6px;flex:1;overflow:auto;min-height:0;padding-inline-end:2px}.submit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;width:100%;text-align:right;border:1px solid var(--line);background:var(--paper);color:inherit;border-radius:12px;padding:10px 12px}.submit-row:hover{border-color:#8443da;background:#7031bf0a}.submit-row.is-active{border-color:#8443da;background:#7031bf14;box-shadow:0 0 0 3px #7031bf1f}.submit-name{font-weight:800;color:var(--navy-deep);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.submit-score{flex:none;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums}.submit-score.is-voided{color:var(--danger-ink)}.submit-time{grid-column:1/-1;font-size:.8rem}.submit-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}.submit-pager .btn{min-height:40px;padding:8px 12px}.paper-toolbar{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}.paper-meta{margin:0}.paper-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.paper-actions-main,.paper-actions-more{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.paper-actions .btn{width:auto;min-height:40px;padding:8px 14px;font-size:.9rem}.paper-filters{margin:0 0 12px;gap:8px}.paper-search{margin-bottom:16px}.paper-list .check-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.paper-list .check-row input{width:auto;padding:0}.paper-list .chip{margin-bottom:10px}.paper-list{display:grid;gap:0;margin:0;padding:0;list-style:none}@media(max-width:980px){.review-layout{grid-template-columns:1fr}.submit-pane{position:static}.submit-pane .panel{max-height:none}.submit-list{max-height:320px}.paper-toolbar{margin-bottom:14px;padding-bottom:14px}.paper-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.paper-actions-main,.paper-actions-more{display:contents}.paper-actions .btn{width:100%;min-height:44px;padding:10px 12px;white-space:normal;text-align:center;line-height:1.3}.paper-actions-main .btn-primary{grid-column:1/-1}.paper-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.paper-filters .chip{justify-content:center;padding:8px 10px}.exam-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.exam-tabs .chip{justify-content:center;min-height:44px;padding:10px 8px;text-align:center}.exam-controls .view-toggle{display:grid;grid-template-columns:1fr 1fr;width:100%}.exam-controls .view-toggle .chip{justify-content:center;min-height:44px}.exam-toolbar{display:grid;grid-template-columns:1fr;gap:10px}.exam-toolbar .btn{width:100%;min-height:44px;padding:10px 12px;text-align:center;line-height:1.3}}.audience-box,.student-pick{display:grid;gap:8px;border:1px solid var(--line);border-radius:16px;padding:14px 16px;min-width:0}.student-pick{max-height:220px;overflow:auto}.teacher-courses,.teacher-exams{display:grid;gap:22px}.teacher-courses .form,.teacher-exams .form,.teacher-site-form{max-width:820px}.course-checks{display:grid;gap:10px;align-content:end;padding-bottom:4px}.cms-item{display:grid;gap:14px;margin-bottom:14px;border:1px solid var(--line);border-radius:18px;padding:18px 20px;background:var(--paper)}.cms-item:last-child{margin-bottom:0}.cms-item label{display:grid;gap:8px;font-weight:700;color:var(--navy-deep)}.cms-item input,.cms-item textarea{width:100%;border:1px solid var(--line);background:var(--input-bg);color:var(--ink);border-radius:14px;padding:13px 16px}.exam-board{display:grid;gap:14px}.exam-card{border:1px solid var(--line);border-radius:18px;padding:18px 20px;background:var(--paper);display:grid;gap:14px}.shop-card{padding:0 0 18px;overflow:hidden;height:100%}.shop-cover{position:relative;height:200px;background:linear-gradient(165deg,#3a1768,#12081f)}.shop-cover img{width:100%;height:100%;object-fit:cover;display:block}.shop-card .exam-card-head,.shop-card .exam-card-meta,.shop-card>.meta,.shop-card .table-actions{padding-inline:20px}.shop-card .exam-card-head{padding-top:14px}.shop-cover-field{display:grid;gap:10px;font-weight:700;color:var(--navy-deep)}.form .shop-cover-field .pay-upload{display:block;margin:0}.shop-cover-preview{display:block;width:min(100%,280px);max-height:200px;object-fit:cover;border-radius:16px;border:1px solid var(--line);background:var(--stat-bg)}.shop-thumb{width:44px;height:56px;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:var(--stat-bg);display:block;flex:0 0 44px}.exam-card.student-card{min-width:0;height:100%;overflow:visible}.exam-card.is-editing{border-color:#8443da;box-shadow:0 0 0 3px #7031bf29;background:#7031bf0f}.exam-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.exam-card-head .shop-cell{flex:1}.exam-card-head h3{margin:0 0 4px;color:var(--navy-deep)}.exam-card-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.exam-card-meta.is-2{grid-template-columns:repeat(2,minmax(0,1fr))}.exam-card-meta.is-4{grid-template-columns:repeat(4,minmax(0,1fr))}.exam-card-btn{appearance:none;width:100%;margin:0;font:inherit;color:inherit;text-align:start;cursor:pointer}.exam-card-btn h3{font-size:1.02rem}.exam-card-meta div{display:grid;gap:2px;min-width:0}.exam-card-meta dt{color:var(--muted);font-size:.82rem}.exam-card-meta dd{margin:0;font-weight:700;overflow-wrap:anywhere}@media(max-width:900px){.exam-card-meta.is-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.exam-card-meta{grid-template-columns:1fr}}.price-free{align-self:end;min-height:50px;padding-bottom:4px}.price-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 12px;font-weight:800;background:#56298914;color:var(--navy)}.price-pill.is-free{background:var(--success-bg);color:var(--success-ink)}.inbox-filters{margin:0 0 22px}.inbox{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:22px;align-items:start}.inbox app-panel:last-child .panel{position:sticky;top:24px}.inbox-list{list-style:none;margin:0;padding:4px;display:grid;gap:10px;max-height:min(70vh,720px);overflow:auto}.inbox-item{width:100%;text-align:right;border:1px solid var(--line);background:var(--paper);color:inherit;border-radius:16px;padding:14px 16px;display:grid;gap:6px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.inbox-item:hover{border-color:#8443da73}.inbox-item.is-unread{background:#7031bf14;border-color:#7031bf2e}.inbox-item.is-active{border-color:#8443da;box-shadow:0 0 0 3px #7031bf29}.inbox-top,.inbox-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.inbox-top strong{display:inline-flex;align-items:center;gap:8px}.inbox-dot{width:8px;height:8px;border-radius:50%;background:#8443da;flex:0 0 auto}.inbox-date{flex:0 0 auto;color:var(--muted);font-size:.82rem}.inbox-subject{font-weight:700;color:var(--navy-deep)}.inbox-detail h3{margin:0 0 4px;color:var(--navy-deep)}.inbox-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.inbox-meta div{display:grid;gap:2px;min-width:0}.inbox-meta dt{color:var(--muted);font-size:.82rem}.inbox-meta dd{margin:0;font-weight:700;overflow-wrap:anywhere}.inbox-contact{display:grid;gap:12px;margin:0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.inbox-contact>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:start}.inbox-contact dt{color:var(--muted);font-size:.82rem;padding-top:2px}.inbox-contact dd{margin:0;font-weight:700;overflow-wrap:break-word;word-break:break-word}.inbox-contact a{display:inline-block;max-width:100%;color:var(--navy);direction:ltr;unicode-bidi:isolate;text-align:start}.inbox-body{background:var(--stat-bg);border-radius:16px;padding:16px 18px;margin:0 0 20px;line-height:1.9;white-space:pre-wrap}@media(max-width:900px){.inbox{grid-template-columns:1fr}.inbox app-panel:last-child .panel{position:static}.inbox-list{max-height:none}.inbox-meta{grid-template-columns:1fr}}.page-loader{display:grid;justify-items:center;gap:14px;padding:48px 16px;color:var(--muted);font-weight:700}.page-loader-spin{width:42px;height:42px;border:3px solid var(--line);border-top-color:var(--navy);border-radius:50%;animation:page-spin .8s linear infinite}@keyframes page-spin{to{transform:rotate(360deg)}}.auth-alt{display:grid;gap:10px;margin-top:8px;padding-top:16px;border-top:1px solid var(--line);text-align:center}.auth-alt .btn{width:100%}.dash-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.view-toggle{display:inline-flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:right;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:middle}.table thead th{font-size:.78rem;color:var(--muted);font-weight:800;background:var(--stat-bg)}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:var(--hover-fill)}.table .table-actions{flex-wrap:wrap;justify-content:flex-start}.table input,.table select{width:100%;min-width:90px;border:1px solid var(--line);background:var(--input-bg);color:var(--ink);border-radius:10px;padding:8px 10px}.badge-ok{display:inline-block;background:#56298914;color:var(--navy);border-radius:999px;padding:4px 10px;font-weight:700;font-size:.85rem}.unread-row td{background:#7031bf38;font-weight:700}@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){.grid-4,.grid-3,.hero-grid,.course-detail,.footer-grid{grid-template-columns:1fr}.site-footer{padding-bottom:88px}.grid-2,.dash-charts{grid-template-columns:1fr}.hero{min-height:calc(100svh - 64px);padding:28px 0 22px}.hero-copy>*{opacity:1}.reveal,.hero-copy.reveal,.hero-visual.reveal{opacity:1;transform:none;transition:none}.chat-fab,.lecture-watermark{animation:none}.hero-bg{inset:0;background-image:url(/hero-mobile.png);background-position:center;background-size:120%}.code-float,.hero-lead-full,.hero-code{display:none}.hero-lead-short{display:block;font-size:.88rem;max-width:280px;line-height:1.6}.hero-kicker{font-size:.78rem;margin-bottom:6px}.hero h1{font-size:1.12rem;white-space:normal;margin-bottom:8px}.hero-actions{margin-top:16px;gap:10px}.hero-actions .btn{min-height:46px;padding:10px 18px;font-size:.9rem}.hero-copy,.hero-visual{text-align:center}.hero .lead,.hero-actions,.search-box{margin-inline:auto;max-width:100%}.hero-actions{justify-content:center}.hero-stats{gap:10px;padding:20px 0 24px}.stats-bar .hero-stat{flex:1 1 calc(50% - 10px);min-width:0;padding:12px 10px}.stats-bar .hero-stat b{font-size:1.25rem}.stats-bar .hero-stat span{color:#ffffffd1;font-size:.8rem}.hero-banner{width:100%;max-width:420px}.cta-band,.footer-copy,.topbar{flex-direction:column;align-items:stretch;text-align:center}.section{padding:56px 0}.page-hero{padding:40px 0 32px}.course-body h3{min-height:0}.price-row{flex-wrap:wrap;gap:10px}.auth-wrap{max-width:100%}.btn{min-height:44px}}@media(max-width:640px){.form-row{grid-template-columns:1fr}.container{width:calc(100% - 32px)}.hero h1{font-size:1.05rem;white-space:normal}.hero-actions{display:grid;grid-template-columns:1fr;width:min(320px,100%);gap:10px}.hero-actions .btn{width:100%}}@media(max-width:640px)and (max-width:420px){.hero h1{white-space:normal}}@media(max-width:640px){.hero-stats{gap:10px;padding:18px 0 22px}.section{padding:40px 0 72px}.chat-fab{inset-inline-end:16px;inset-inline-start:auto;bottom:16px;width:52px;height:52px}.table{min-width:640px}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.hero-copy.reveal{transform:translate(28px)}.hero-visual.reveal{transform:translate(-28px)}.reveal.is-in{opacity:1;transform:none}@media(max-width:980px){.reveal,.hero-copy.reveal,.hero-visual.reveal{opacity:1;transform:none;transition:none}}.feature-card.reveal:nth-child(2){transition-delay:.08s}.feature-card.reveal:nth-child(3){transition-delay:.16s}.feature-card.reveal:nth-child(4){transition-delay:.24s}.chat-fab{animation:pulse-fab 2.6s ease-in-out infinite}@keyframes pulse-fab{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.hero-copy.reveal,.hero-visual.reveal{opacity:1;transform:none;transition:none}.chat-fab{animation:none}.track-card,.track-card:hover,.track-card.is-featured,.track-card.is-featured:hover{transform:none}.hero-copy>*{opacity:1}}body.nav-menu-open .chat-fab{visibility:hidden;pointer-events:none}.chat-fab{position:fixed;inset-inline-end:22px;bottom:22px;z-index:40;width:58px;height:58px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#8443da,#562989);box-shadow:0 10px 30px #56298973;font-size:1.4rem}html[data-theme=dark] .page-hero{background:radial-gradient(circle at 80% 10%,rgba(183,143,241,.22),transparent 34%),linear-gradient(160deg,#160b28,#2a1650)}html[data-theme=dark] .site-footer{background:#12081f}html[data-theme=dark] .site-header.is-scrolled{box-shadow:0 10px 30px #00000047}.track-card,.lab{will-change:transform}.stats-bar{background:#330f5c;color:#fff}.stats-bar .hero-stat{flex:0 1 170px;min-width:150px;text-align:center;padding:16px 18px;border-radius:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.stats-bar .hero-stat b,.stats-bar .hero-stat span{color:#fff}.stats-bar .hero-stat b{font-size:1.65rem;line-height:1.2}.stats-bar .hero-stat span{display:block;margin-top:6px;font-size:.82rem;color:#ffffffd1}.why-section{background:radial-gradient(circle at 10% 20%,rgba(86,41,137,.07),transparent 40%),var(--cream)}.why-intro{text-align:center;max-width:720px;margin:0 auto 40px}.why-intro h2{color:var(--navy-deep);font-size:clamp(1.8rem,3.4vw,2.6rem)}.why-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.why-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:22px 18px;min-height:180px;box-shadow:var(--shadow);min-width:0}.why-card h3{color:var(--navy-deep);margin:8px 0 6px;overflow-wrap:anywhere}.why-card .meta{overflow-wrap:anywhere}.basics-page{padding-top:56px}.secure-player-host{display:block;margin:28px 0 80px}.lecture-stage{margin:0 auto;padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.lecture-stage[data-size=md]{max-width:820px}.lecture-stage[data-size=lg]{max-width:1080px}.lecture-stage[data-size=full]{max-width:100%}.lecture-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.lecture-heading{min-width:0}.lecture-heading strong{display:block;color:var(--navy-deep);font-size:.98rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lecture-badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:6px;padding:4px 10px;border-radius:999px;background:#56298914;color:var(--navy);font-size:.75rem;font-weight:800}.lecture-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.lecture-sizes{display:flex;padding:4px;border-radius:999px;background:var(--stat-bg);border:1px solid var(--line)}.lecture-size-btn,.lecture-fs-btn{border:0;border-radius:999px;padding:7px 12px;font-weight:800;font-size:.78rem}.lecture-size-btn{background:transparent;color:var(--muted)}.lecture-size-btn.active{background:var(--paper);color:var(--navy-deep);box-shadow:0 4px 12px #5629891f}.lecture-fs-btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#8443da,#562989);color:#fff}.lecture-screen{position:relative}.lecture-player{position:relative;isolation:isolate;width:100%;height:0;padding-bottom:56.25%;border-radius:18px;overflow:hidden;background:#000}.lecture-player iframe,.lecture-player .secure-video{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;border:0;background:#000;pointer-events:none}.lecture-click-guard{position:absolute;inset:0 0 86px;z-index:3;background:transparent;cursor:pointer}.lecture-player.chrome-hidden .lecture-center-play,.lecture-player.chrome-hidden .lecture-player-bar{opacity:0;pointer-events:none;transform:translateY(10px)}.lecture-watermark{position:absolute;top:0;right:0;z-index:4;pointer-events:none;padding:6px 12px;border-radius:999px;background:#12081fb8;color:#fff;font-size:.8rem;font-weight:800;white-space:nowrap;animation:watermark-drift 18s ease-in-out infinite}@keyframes watermark-drift{0%{transform:translate(-8%,16%)}50%{transform:translate(-52%,48%)}to{transform:translate(-8%,16%)}}.lecture-center-play{position:absolute;top:46%;left:50%;z-index:6;display:grid;place-items:center;width:84px;height:84px;border:0;border-radius:50%;background:linear-gradient(160deg,#9a5aef,#562989);color:#fff;box-shadow:0 16px 40px #56298973;transform:translate(-50%,-50%);transition:opacity .28s ease,transform .28s ease}.lecture-center-play:hover{transform:translate(-50%,-50%) scale(1.06)}.lecture-player-bar{position:absolute;right:10px;bottom:10px;left:10px;z-index:7;padding:10px 12px 8px;border-radius:16px;background:#0c0614eb;opacity:1;transform:translateY(0);transition:opacity .28s ease,transform .28s ease}.lecture-player.chrome-hidden .lecture-player-bar{opacity:0;pointer-events:none;transform:translateY(10px)}.lecture-player.chrome-hidden .lecture-click-guard{inset:0;cursor:pointer}.lecture-seek{-webkit-appearance:none;appearance:none;width:100%;height:6px;margin:0 0 14px;border-radius:999px;background:linear-gradient(to left,#9a5aef 0%,#8443da var(--progress, 0%),rgba(255,255,255,.22) var(--progress, 0%));cursor:pointer}.lecture-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:#8443da;box-shadow:0 0 0 4px #8443da38}.lecture-seek::-moz-range-thumb{width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:#8443da}.lecture-player-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.lecture-player-group{display:flex;align-items:center;gap:10px}.lecture-player-group.is-main-group{justify-content:flex-start}.lecture-player-group:last-child{justify-content:flex-start}.lecture-ctrl{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;color:#fff;background:transparent;font-weight:800;line-height:1}.lecture-ctrl span{font-size:.68rem}.lecture-ctrl.is-play,.lecture-ctrl.is-pause{flex-shrink:0;width:56px;height:56px;border-radius:50%}.lecture-ctrl.is-play{background:linear-gradient(160deg,#9a5aef,#562989);box-shadow:0 10px 24px #56298961}.lecture-ctrl.is-pause{background:#ffffff1f;border:1px solid rgba(255,255,255,.18)}.lecture-ctrl.is-skip,.lecture-ctrl.is-icon{width:44px;height:44px;border-radius:50%;background:#ffffff14}.lecture-ctrl.is-skip span{font-size:.62rem;opacity:.8}.lecture-ctrl.is-fs span{font-size:.58rem}.lecture-ctrl.is-play:hover,.lecture-ctrl.is-pause:hover,.lecture-ctrl.is-skip:hover,.lecture-ctrl.is-icon:hover,.lecture-center-play:hover{filter:brightness(1.08)}.lecture-ctrl.active{box-shadow:0 0 0 3px #9a5aef59}.lecture-ctrl:disabled{opacity:.4;cursor:not-allowed}.lecture-time{margin:0;padding:6px 10px;border-radius:999px;background:#ffffff14;color:#fff;font-size:.78rem;font-weight:800;white-space:nowrap;justify-self:center}body.lecture-cinema-open,html.pay-dialog-open,body.pay-dialog-open{overflow:hidden}.lecture-stage:fullscreen,.lecture-stage:-webkit-full-screen,.lecture-stage.is-fullscreen,.lecture-stage.is-cinema{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;justify-content:center;width:100vw;height:100dvh;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:#000}.lecture-stage:fullscreen .lecture-toolbar,.lecture-stage:-webkit-full-screen .lecture-toolbar,.lecture-stage.is-fullscreen .lecture-toolbar,.lecture-stage.is-cinema .lecture-toolbar{display:none}.lecture-stage:fullscreen .lecture-screen,.lecture-stage:-webkit-full-screen .lecture-screen,.lecture-stage.is-fullscreen .lecture-screen,.lecture-stage.is-cinema .lecture-screen{display:flex;flex-direction:column;justify-content:center;width:min(100vw,177.7777777778dvh);margin:0 auto}.lecture-stage:fullscreen .lecture-player,.lecture-stage:-webkit-full-screen .lecture-player,.lecture-stage.is-fullscreen .lecture-player,.lecture-stage.is-cinema .lecture-player{width:100%;height:0;padding-bottom:56.25%;border-radius:0}.lecture-stage:fullscreen .lecture-player-bar,.lecture-stage:-webkit-full-screen .lecture-player-bar,.lecture-stage.is-fullscreen .lecture-player-bar,.lecture-stage.is-cinema .lecture-player-bar{right:10px;bottom:10px;left:10px;margin:0;border-radius:16px;background:#0c0614eb}@media(max-width:900px){.page-hero{padding:28px 0 22px;min-height:0}.page-hero h1{font-size:1.35rem;line-height:1.45}.secure-player-host{margin:0 0 24px}.lecture-stage{padding:10px;border-radius:22px}.lecture-toolbar{margin-bottom:8px}.lecture-sizes{display:none}.lecture-badge{max-width:100%;overflow:hidden;text-overflow:ellipsis}.lecture-player{border-radius:16px}.lecture-watermark{font-size:.65rem;padding:4px 8px}.lecture-player-bar{right:10px;bottom:10px;left:10px;padding:10px 8px 8px;border-radius:14px}.lecture-player-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}.lecture-player-group,.lecture-player-group.is-main-group,.lecture-player-group.is-side-group{display:flex;gap:6px}.lecture-time{display:block;padding:5px 8px;font-size:.68rem}.lecture-ctrl.is-play,.lecture-ctrl.is-pause,.lecture-ctrl.is-fs{width:48px;height:48px;border-radius:50%}.lecture-ctrl.is-skip,.lecture-ctrl.is-icon{width:40px;height:40px}.lecture-ctrl span{display:none}.lecture-center-play{width:68px;height:68px}.course-lesson-block{margin-bottom:24px}.section{padding-top:24px}}.concept-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.concept-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:20px 18px 18px;min-height:180px;box-shadow:var(--shadow);min-width:0}.concept-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.concept-num{color:#b7adc8;font-weight:800;font-size:.92rem}.concept-en{color:var(--navy);font-size:.82rem;font-weight:700}.concept-card h3{color:var(--navy-deep);margin-bottom:8px}.concept-card p{color:var(--muted);line-height:1.7}@media(max-width:1100px){.why-cards,.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.why-cards,.concept-grid{grid-template-columns:1fr}.why-card{min-height:0;padding:16px 14px}}.section-row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.course-row{align-items:stretch}.course-blurb{display:none}.course-actions{display:grid;gap:8px;margin-top:auto}.course-actions .btn{width:100%;white-space:normal}.tracks-section{background:radial-gradient(circle at 86% 12%,rgba(132,67,218,.12),transparent 34%),radial-gradient(circle at 8% 88%,rgba(86,41,137,.06),transparent 32%),var(--stat-bg)}.track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.track-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--paper);display:flex;flex-direction:column;height:100%;min-width:0;box-shadow:var(--shadow);color:inherit;text-decoration:none;cursor:pointer;transition:box-shadow .25s ease,border-color .25s ease}.track-card:hover{box-shadow:0 20px 44px #56298929;border-color:#8443da47}.track-card.is-featured{border-color:transparent;box-shadow:0 24px 50px #56298947}.track-card.is-featured .track-body{background:linear-gradient(180deg,#6d36b0,#4a2278);color:#fff}.track-card.is-featured .track-kicker{background:#ffffff29;color:#fff;border-color:#ffffff47}.track-card.is-featured .track-body h3,.track-card.is-featured .track-body p{color:#fff}.track-card.is-featured .btn-ghost{background:#fff;color:#562989;border-color:#fff}.track-ide{background:#12081f;color:#d7c6ff;padding:14px 16px 18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;height:148px;flex:0 0 148px}.track-ide-bar{display:flex;align-items:center;justify-content:space-between;gap:10px}.track-step{color:#d7c6ffb3;font-size:.72rem;font-weight:800;letter-spacing:.06em}.track-ide .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-left:6px;background:#ff5f57}.track-ide .dot:nth-child(2){background:#febc2e}.track-ide .dot:nth-child(3){background:#28c840}.track-ide pre,.track-code{margin:14px 0 0;height:5.2rem;overflow:hidden;white-space:pre-wrap;line-height:1.7}.track-code .typed-cursor{color:#c9a6ff;font-weight:700}.track-body{padding:22px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}.track-kicker{display:inline-flex;align-self:start;border:1px solid var(--line);background:#56298914;color:var(--navy);border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:800}.track-body h3{margin:0;color:var(--navy-deep);font-size:1.35rem;line-height:1.4}.track-body p{margin:0;color:var(--muted);line-height:1.85;min-height:5.55em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.track-body .btn{margin-top:auto;align-self:start}.lab-section{background:radial-gradient(circle at 12% 18%,rgba(132,67,218,.08),transparent 32%),var(--stat-bg)}.lab{border:1px solid var(--line);border-radius:26px;overflow:visible;background:var(--paper);box-shadow:var(--shadow)}.lab-chrome{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 0;background:linear-gradient(180deg,rgba(86,41,137,.07),transparent)}.lab-toolbar{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;justify-content:space-between;padding:12px 16px 16px;background:linear-gradient(180deg,transparent,rgba(86,41,137,.03));border-bottom:1px solid var(--line)}.lab-file{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.lab-file .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff5f57}.lab-file .dot:nth-child(2){background:#febc2e}.lab-file .dot:nth-child(3){background:#28c840}.lab-tab{display:inline-flex;align-items:center;background:var(--paper);color:var(--navy-deep);border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;padding:8px 14px;font-weight:800}.lab-menu{position:relative;z-index:6;flex:0 1 240px;width:min(240px,100%);min-width:0}.lab-menu-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;border:1px solid var(--line);background:var(--input-bg);color:var(--navy-deep);border-radius:12px;padding:7px 12px}.lab-menu-btn span:first-child{display:grid;gap:0;min-width:0;text-align:start}.lab-menu-btn strong{font-size:.92rem;line-height:1.3}.lab-menu-btn small,.lab-menu-list small{color:var(--muted);font-size:.72rem;font-weight:700}.lab-menu-caret{flex-shrink:0;width:8px;height:8px;border-inline-end:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(45deg);margin-top:-4px}.lab-menu.is-open .lab-menu-btn{border-color:var(--gold-light);box-shadow:0 0 0 3px #7031bf24}.lab-menu.is-open .lab-menu-caret{transform:rotate(225deg);margin-top:4px}.lab-menu-list{position:absolute;top:calc(100% + 8px);inset-inline-start:0;width:min(280px,80vw);max-height:280px;overflow:auto;margin:0;padding:8px;list-style:none;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.lab-menu-list button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;background:transparent;color:inherit;border-radius:12px;padding:10px 12px;text-align:right}.lab-menu-list button:hover,.lab-menu-list button.is-active{background:#7031bf1a}.lab-menu-list button.is-active strong{color:var(--navy)}.lab-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;flex:1.2}.lab-actions-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex:1;gap:8px}.lab-actions .btn{min-height:48px;padding:10px 12px;border-radius:14px}.lab-actions .btn-primary{min-width:150px}.lab-panes{display:grid;grid-template-columns:1.35fr .65fr;min-height:460px;overflow:hidden;border-radius:0 0 26px 26px}.lab-pane{display:flex;flex-direction:column;min-width:0;min-height:460px;background:#12081f}.lab-pane+.lab-pane{border-right:1px solid rgba(255,255,255,.08)}.lab-pane-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;color:#e8dcff;font-size:.82rem;font-weight:800;background:#160b28;border-bottom:1px solid rgba(255,255,255,.06)}.lab-chip{border-radius:999px;padding:3px 10px;background:#8443da47;color:#f3e9ff;font-size:.72rem;font-weight:700;max-width:min(60%,220px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:isolate}.lab-console{margin:0;padding:18px 16px;flex:1;min-height:0;border:0;background:#12081f;color:#d8f5c8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92rem;line-height:1.8;white-space:pre-wrap}.lab-console.is-hint{color:#9b8cb8}.lab-pane app-code-editor,app-code-editor,.code-editor-host,.cm-host,.cm-host .cm-editor{display:block;height:100%;min-height:380px}.lab-pane app-code-editor{flex:1;min-height:0}.code-editor-host,.cm-host,.cm-host .cm-editor,.cm-scroller{direction:ltr;text-align:left;unicode-bidi:isolate}.lab-frame{position:absolute;width:0;height:0;border:0;opacity:0;pointer-events:none}.about-head{text-align:right;max-width:none;margin-bottom:36px}.about-grid{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);gap:40px;align-items:center}.about-photo{margin:0;background:#12081f;border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.about-photo img{width:100%;height:460px;object-fit:cover;object-position:center 18%;display:block}.about-photo figcaption{color:#fff;padding:16px 18px 18px;background:#12081f}.about-photo b{display:block;font-size:1.05rem}.about-photo span{display:block;margin-top:4px;font-size:.85rem;opacity:.82}.about-copy h2{color:var(--navy-deep);margin:10px 0 16px}.about-copy .lead{margin-bottom:12px}.about-facts{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.about-facts li{background:var(--stat-bg);border:1px solid var(--line);border-radius:16px;padding:14px 16px}.about-facts b{display:block;color:var(--navy);font-size:.82rem;margin-bottom:4px}.about-facts span{color:var(--ink);font-weight:700;font-size:.92rem}.about-more{margin-top:22px}.about-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.faq-title{text-align:center;color:var(--navy-deep);margin-bottom:28px}.faq-box{max-width:820px;margin:0 auto;background:var(--stat-bg);border-radius:22px;padding:8px 22px}.faq-item{width:100%;display:flex;justify-content:space-between;gap:16px;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--navy-deep);font-weight:800;text-align:right;padding:18px 0}.faq-item.open b{transform:rotate(45deg)}.faq-answer{color:var(--muted);padding:0 0 16px}.footer-whatsapp{margin-top:12px;color:#fff!important;border-color:#ffffff59!important}html[data-theme=dark] .stats-bar{background:#1a0d33}@media(max-width:980px){.about-grid,.track-grid,.lab-panes,.about-pills,.about-facts,.section-row{grid-template-columns:1fr}.track-card,.track-card.is-featured,.track-card:hover,.track-card.is-featured:hover{transform:none}.about-head{text-align:center}.about-photo img{height:360px}.section-row,.lab-toolbar,.lab-actions{flex-direction:column;align-items:stretch}.lab-section{padding-bottom:96px}.lab{border-radius:22px}.lab-chrome{padding:14px 16px 0}.lab-toolbar{gap:16px;padding:14px 16px 18px}.lab-menu,.lab-actions,.lab-actions-tools,.lab-actions .btn-primary{width:100%;min-width:0;flex:none}.lab-menu-list{inset-inline:0;right:auto;left:auto;width:100%}.lab-actions-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-actions .btn{width:100%;min-height:46px;padding:12px 8px;font-size:.9rem}.lab-panes,.lab-pane{min-height:0}.lab-pane:first-child{min-height:340px}.lab-pane:last-child{min-height:200px;padding-bottom:72px}.lab-pane+.lab-pane{border-right:0;border-top:1px solid rgba(255,255,255,.08)}.lab-pane app-code-editor,app-code-editor,.code-editor-host,.cm-host,.cm-host .cm-editor{min-height:300px}.lab-chip{max-width:58%}}