@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/vazirmatn-arabic-wght-normal.0tzxgo2fuaf-x.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/vazirmatn-latin-ext-wght-normal.0ohik0lv51opt.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/vazirmatn-latin-wght-normal.00gnhmt88g2y1.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#080714;--color-surface:#120b21;--color-elevated:#1b1030;--color-interactive:#2a1b44;--color-selected:#4c1c95;--color-brand:#7c3aed;--color-brand-hover:#8b5cf6;--color-focus:#a78bfa;--color-text:#f7f7ff;--color-text-secondary:#a89cbf;--color-border:#a78bfa2e;--color-success:#10dabf;--color-warning:#fbef24;--color-danger:#ff7185;--color-info:#35cdf6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-raised:0 8px 24px #08071459;--shadow-elevated:0 16px 48px #4c1c9559;--container:1440px}*{box-sizing:border-box}html{background:var(--color-canvas);scroll-behavior:smooth}body{background:var(--color-canvas);min-width:320px;min-height:100vh;color:var(--color-text);margin:0;font-family:Vazirmatn Variable,Tahoma,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{color:inherit;font:inherit}button,summary{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35}p{color:var(--color-text-secondary);line-height:1.9}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.skip-link{z-index:100;border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-canvas);padding:var(--space-3) var(--space-4);inset-inline-start:var(--space-4);position:fixed;top:-80px}.skip-link:focus{top:var(--space-4)}.logo{align-items:center;gap:var(--space-2);direction:ltr;font-size:1.25rem;display:inline-flex}.logo__mark{background:linear-gradient(145deg, var(--color-brand-hover), var(--color-selected));width:38px;height:38px;box-shadow:var(--shadow-elevated);border-radius:50%;place-items:center;display:grid}.site-shell{background:radial-gradient(circle at 15% 0%, #7c3aed1f, transparent 28%), var(--color-canvas);min-height:100vh}.site-header{z-index:40;width:min(var(--container), calc(100% - 48px));align-items:center;gap:var(--space-8);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080714e0;grid-template-columns:auto 1fr auto;min-height:72px;margin:0 auto;display:grid;position:sticky;top:0}.desktop-navigation{justify-content:center;gap:var(--space-8);color:var(--color-text-secondary);display:flex}.desktop-navigation a,.site-footer a{transition:color .18s ease-out}.desktop-navigation a:hover,.site-footer a:hover{color:var(--color-text)}.site-header__actions{align-items:center;gap:var(--space-2);display:flex}.mobile-navigation{display:none;position:relative}.mobile-navigation summary{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;place-items:center;width:42px;height:42px;list-style:none;display:grid}.mobile-navigation nav{gap:var(--space-2);width:220px;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-elevated);box-shadow:var(--shadow-elevated);top:48px;display:grid;position:absolute;inset-inline-end:0}.mobile-navigation nav a{padding:var(--space-2)}.site-footer{width:min(var(--container), calc(100% - 48px));gap:var(--space-12);margin:var(--space-16) auto 0;padding:var(--space-12) 0;border-top:1px solid var(--color-border);grid-template-columns:2fr repeat(3,1fr);display:grid}.site-footer nav,.site-footer>div{align-content:start;gap:var(--space-3);display:grid}.site-footer p{max-width:360px;margin:var(--space-4) 0 0}.button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;min-height:42px;padding:9px 18px;font-weight:700;transition:transform .18s ease-out,background .18s ease-out,border-color .18s ease-out;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.48}.button--primary{background:var(--color-brand);color:var(--color-text);box-shadow:0 8px 28px #7c3aed40}.button--primary:hover{background:var(--color-brand-hover)}.button--secondary{border-color:var(--color-border);background:var(--color-interactive)}.button--secondary:hover{border-color:var(--color-focus)}.button--ghost{color:var(--color-text-secondary);background:0 0}.page-section{width:min(var(--container), calc(100% - 48px));padding:var(--space-16) 0;margin:0 auto}.page-section--narrow{width:min(1160px,100% - 48px)}.page-heading{max-width:820px;margin-bottom:var(--space-12)}.page-heading h1{margin:var(--space-3) 0 var(--space-4);font-size:clamp(2rem,5vw,4rem)}.page-heading p{font-size:1.08rem}.eyebrow{color:var(--color-focus);font-weight:700}.hero{align-items:center;gap:var(--space-12);grid-template-columns:1.08fr .92fr;min-height:680px;display:grid}.hero h1{margin:var(--space-4) 0;font-size:clamp(2.4rem,5.5vw,5rem)}.hero__actions{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.hero__visual{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(145deg, var(--color-elevated), var(--color-surface));min-height:430px;box-shadow:var(--shadow-elevated);place-items:center;display:grid;position:relative;overflow:hidden}.hero__visual:before{background:var(--color-selected);content:"";filter:blur(80px);opacity:.7;border-radius:50%;width:300px;height:300px;position:absolute}.hero__visual-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);width:min(420px,100% - 48px);display:grid;position:relative}.hero__visual-grid article{min-height:130px;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#2a1b44db}.hero__visual-grid strong{margin-top:var(--space-4);display:block}.card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-raised)}.feature-grid{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.feature-card{min-height:210px;padding:var(--space-8)}.feature-card h2{font-size:1.15rem}.cta-panel{justify-content:space-between;align-items:center;gap:var(--space-6);margin-top:var(--space-12);padding:var(--space-8);border:1px solid var(--color-focus);border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--color-selected), var(--color-interactive));display:flex}.cta-panel h2,.cta-panel p{margin-bottom:0}.instructor-hero{align-items:center;gap:var(--space-8);padding:var(--space-12);grid-template-columns:1fr auto;display:grid}.instructor-hero__avatar{background:var(--color-selected);width:112px;height:112px;color:var(--color-focus);border-radius:50%;place-items:center;font-size:2.2rem;font-weight:800;display:grid}.course-grid{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.course-card{align-content:space-between;gap:var(--space-6);min-height:250px;padding:var(--space-6);display:grid}.course-card__cover{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-interactive), var(--color-selected));min-height:110px;color:var(--color-focus);place-items:center;display:grid}.badge{background:var(--color-interactive);width:fit-content;color:var(--color-text-secondary);border-radius:999px;padding:5px 10px;font-size:.78rem;display:inline-flex}.course-layout{align-items:start;gap:var(--space-8);grid-template-columns:minmax(0,1fr) 350px;display:grid}.course-main,.course-aside{gap:var(--space-6);display:grid}.course-main>.card,.course-aside>.card{padding:var(--space-8)}.outline{gap:var(--space-3);display:grid}.outline details{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-elevated)}.outline li{margin-top:var(--space-2);color:var(--color-text-secondary)}.auth-layout{min-height:72vh;padding:var(--space-12) var(--space-6);place-items:center;display:grid}.auth-card{gap:var(--space-6);width:min(520px,100%);padding:var(--space-8);display:grid}.field{gap:var(--space-2);display:grid}.field label{font-weight:600}.input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-canvas);width:100%;min-height:46px;padding:10px 13px}.input:hover{border-color:var(--color-brand-hover)}.form-grid{gap:var(--space-4);display:grid}.notice{padding:var(--space-4);border-inline-start:3px solid var(--color-info);border-radius:var(--radius-sm);color:var(--color-text-secondary);background:#35cdf614}.error-notice{border-inline-start-color:var(--color-danger)}.portal-layout{width:min(var(--container), calc(100% - 48px));gap:var(--space-8);min-height:calc(100vh - 180px);margin:var(--space-8) auto;grid-template-columns:240px minmax(0,1fr);display:grid}.portal-sidebar{gap:var(--space-2);height:fit-content;padding:var(--space-4);display:grid;position:sticky;top:96px}.portal-sidebar a{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.portal-sidebar a:hover{background:var(--color-interactive);color:var(--color-text)}.portal-content{min-width:0}.state-card{min-height:260px;padding:var(--space-8);text-align:center;place-items:center;display:grid}.learning-layout{grid-template-columns:300px minmax(0,1fr);min-height:100vh;display:grid}.learning-sidebar{align-content:start;gap:var(--space-3);padding:var(--space-6);border-inline-end:1px solid var(--color-border);background:var(--color-surface);display:grid}.learning-main{padding:var(--space-8)}.secure-player{aspect-ratio:16/9;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-canvas);place-items:center;display:grid;overflow:hidden}.secure-player iframe{border:0;width:100%;height:100%}.lesson-button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-elevated);width:100%;padding:var(--space-3);text-align:start;cursor:pointer}.page-heading--compact{margin-bottom:var(--space-6)}.page-heading--compact h2{margin:var(--space-2) 0 0}.assessment-stack{gap:var(--space-6);margin-top:var(--space-8);display:grid}.assessment-card{gap:var(--space-4);padding:var(--space-6);display:grid}.assessment-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.assessment-card__header h3{margin:var(--space-2) 0 0}.assessment-meta{margin:0;font-size:.9rem}.timer{align-items:center;gap:var(--space-2);color:var(--color-warning);white-space:nowrap;background:#fbef2414;border-radius:999px;padding:6px 11px;display:inline-flex}.assessment-form{gap:var(--space-6);margin-top:var(--space-3);display:grid}.question-card{gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-elevated);margin:0;display:grid}.question-card legend{padding:0 var(--space-2);font-weight:700}.question-card textarea{resize:vertical;min-height:120px}.choice-row{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--color-surface);cursor:pointer;display:flex}.choice-row:hover{background:var(--color-interactive)}.rating-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.ordering-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.ordering-list li{justify-content:space-between;align-items:center;gap:var(--space-4);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--color-surface);display:flex}.ordering-actions{gap:var(--space-2);display:flex}.icon-button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-interactive);cursor:pointer;place-items:center;width:34px;height:34px;display:grid}.icon-button:disabled{cursor:not-allowed;opacity:.4}.matching-list{gap:var(--space-4);display:grid}.assessment-result{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);padding:var(--space-4);color:var(--color-success);background:#10dabf14;border:1px solid #10dabf40;display:flex}.assessment-result div{gap:var(--space-1);display:grid}@media (max-width:980px){.desktop-navigation{display:none}.mobile-navigation{display:block}.hero,.course-layout{grid-template-columns:1fr}.hero{padding-top:var(--space-12)}.feature-grid,.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.site-header,.site-footer,.page-section,.portal-layout{width:min(100% - 32px, var(--container))}.site-header{grid-template-columns:1fr auto}.site-header__actions>.button{display:none}.hero{min-height:auto}.hero__visual{min-height:330px}.feature-grid,.course-grid,.site-footer,.portal-layout,.learning-layout{grid-template-columns:1fr}.portal-sidebar{grid-template-columns:repeat(2,1fr);position:static}.learning-sidebar{border-inline-end:0;border-bottom:1px solid var(--color-border)}.instructor-hero,.cta-panel{flex-direction:column;align-items:flex-start}.instructor-hero{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
