*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f5f7f8;color:#12211d}a{color:#047857;text-decoration:none}input,select,textarea{width:100%;border:1px solid #d8e0de;border-radius:8px;padding:11px 12px;font:inherit;background:#fff;color:#12211d}textarea{min-height:86px;resize:vertical}button{font:inherit}.btn{border:0;border-radius:8px;padding:10px 14px;font-weight:800;cursor:pointer;background:#e8eeee;color:#13221f}.btn.primary{background:#047857;color:white;box-shadow:0 12px 24px rgba(4,120,87,.18)}.btn.small{padding:8px 10px;font-size:13px}.alert{padding:12px 14px;border-radius:8px;margin:0 0 16px}.alert.success{background:#ecfdf5;color:#065f46;border:1px solid #bbf7d0}.alert.danger{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.badge,.status-pill{display:inline-flex;align-items:center;border-radius:999px;background:#ecfdf5;color:#047857;padding:5px 10px;font-size:12px;font-weight:800;text-transform:uppercase}.muted,.hint,small{color:#64748b}.auth-body,.install-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eefbf5,#f8fafc 45%,#fff7ed)}.auth-grid{width:min(1080px,92vw);display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}.auth-copy h1{font-size:clamp(34px,5vw,62px);line-height:1;margin:10px 0;color:#0f2f27}.auth-copy p{font-size:18px;max-width:620px;color:#475569}.eyebrow{font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#047857}.feature-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.feature-row span{border:1px solid #cfe8df;border-radius:999px;background:#fff;padding:10px 14px;font-weight:800}.auth-card,.install-card{width:min(460px,92vw);background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:28px;box-shadow:0 24px 60px rgba(15,23,42,.1)}.auth-card.wide{width:min(760px,92vw)}.auth-card h2,.install-card h1{margin-top:0}.auth-card label{display:block;margin-top:14px;font-weight:800}.auth-card input{margin-top:6px}.auth-card .btn{width:100%;margin:18px 0 12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{background:#fff;border-right:1px solid #e2e8f0;padding:22px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding-bottom:22px;border-bottom:1px solid #e2e8f0}.brand-mark{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;background:#047857;color:#fff;font-size:26px;font-weight:900}.brand strong{display:block}.brand span{display:block;color:#64748b;font-size:12px;text-transform:uppercase;font-weight:800;margin-top:3px}.sidebar nav{display:grid;gap:6px;margin-top:20px}.sidebar nav a{padding:11px 12px;border-radius:8px;color:#334155;font-weight:800}.sidebar nav a:hover{background:#ecfdf5;color:#047857}.main{min-width:0;padding:0 26px 32px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:2px 0 0;font-size:26px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat-card,.panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 10px 24px rgba(15,23,42,.04)}.stat-card{padding:20px}.stat-card span{display:block;color:#64748b;font-weight:800}.stat-card strong{display:block;margin-top:10px;font-size:32px;color:#0f2f27}.panel{overflow:hidden}.panel.narrow{max-width:620px}.panel-head{padding:16px 18px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.panel-head h2{margin:0;font-size:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{background:#f8fafc;color:#64748b;text-align:left;text-transform:uppercase;font-size:12px;letter-spacing:.04em}th,td{padding:14px 16px;border-bottom:1px solid #eef2f7;vertical-align:middle}.empty{text-align:center;color:#64748b;padding:30px}.work-grid{display:grid;grid-template-columns:360px 1fr;gap:18px;align-items:start}.stack-form{display:grid;gap:12px;padding:18px}.inline-form{display:flex;gap:8px;align-items:center}.link-danger{border:0;background:transparent;color:#dc2626;font-weight:900;cursor:pointer;padding:0}
@media(max-width:980px){.auth-grid,.app-shell,.work-grid{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:0 16px 24px}.form-grid{grid-template-columns:1fr}}@media(max-width:560px){.stat-grid{grid-template-columns:1fr}.topbar{height:auto;padding:18px 0;gap:12px;align-items:flex-start;flex-direction:column}.auth-card,.install-card{padding:20px}}

.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:-6px 0 22px}.quick-actions a{background:#0f766e;color:#fff;border-radius:8px;padding:13px 14px;font-weight:900;text-align:center;box-shadow:0 12px 22px rgba(15,118,110,.16)}@media(max-width:980px){.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.quick-actions,.two-cols{grid-template-columns:1fr}}

.top-actions{display:flex;align-items:center;gap:10px}.language-switch{display:inline-flex;gap:4px;border:1px solid #d8e0de;background:#fff;border-radius:999px;padding:4px}.language-switch a{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;color:#475569}.language-switch a.active{background:#047857;color:#fff}.auth-lang{margin-bottom:14px}.rtl{font-family:Tahoma,Arial,sans-serif}.rtl .app-shell{grid-template-columns:1fr 280px}.rtl .sidebar{border-right:0;border-left:1px solid #e2e8f0;grid-column:2}.rtl .main{grid-column:1;grid-row:1;text-align:right}.rtl th,.rtl td{text-align:right}.rtl .brand,.rtl .topbar,.rtl .inline-form,.rtl .top-actions{direction:rtl}.rtl input,.rtl select,.rtl textarea{text-align:right}@media(max-width:980px){.rtl .app-shell{grid-template-columns:1fr}.rtl .sidebar,.rtl .main{grid-column:auto;grid-row:auto}.top-actions{flex-wrap:wrap}}

body{background:#f3f4f6;color:#151515}.app-shell{grid-template-columns:292px 1fr}.sidebar{background:#111;border:0;color:#f8fafc;padding:26px 18px;box-shadow:18px 0 40px rgba(15,23,42,.08)}.brand{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:24px}.brand-mark{background:linear-gradient(135deg,#22c55e,#2563eb);border-radius:999px;width:50px;height:50px;font-size:22px}.brand strong{color:#fff;font-weight:850}.brand span{color:#9ca3af;font-weight:500;letter-spacing:0;text-transform:none}.sidebar nav{gap:5px;margin-top:18px}.sidebar nav a{color:#a7a7a7;font-weight:500;padding:12px 14px;border-radius:8px;letter-spacing:.01em}.sidebar nav a:hover,.sidebar nav a.active{background:#2b2b2b;color:#fff}.sidebar nav a.active{font-weight:750}.nav-section{display:block;margin:18px 8px 7px;color:#f8fafc;font-size:11px;font-weight:800;letter-spacing:.04em}.logout-link{margin-top:22px}.main{padding:0 28px 34px}.topbar{height:82px}.topbar h1{font-size:27px;font-weight:850}.panel,.stat-card{border:0;border-radius:14px;box-shadow:0 14px 35px rgba(15,23,42,.06)}.panel-head{border-bottom:1px solid #f1f5f9}.panel-head a{font-size:12px;font-weight:800;color:#94a3b8}.stat-grid.modern-stats{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.stat-card{padding:18px}.stat-card span{font-size:12px;font-weight:750}.stat-card strong{font-size:26px;color:#111827}.dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;background:#fff;border-radius:16px;padding:24px 26px;box-shadow:0 14px 35px rgba(15,23,42,.06)}.dashboard-hero span{color:#2563eb;font-weight:850;text-transform:uppercase;font-size:12px}.dashboard-hero h2{font-size:30px;margin:6px 0;color:#111827}.dashboard-hero p{margin:0;color:#64748b}.hero-action{background:#2563eb;color:#fff;border-radius:10px;padding:12px 16px;font-weight:900;white-space:nowrap}.dashboard-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:16px}.schedule-panel{grid-column:1}.class-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px}.class-chip{min-height:112px;border-radius:10px;padding:14px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 24px rgba(15,23,42,.12)}.class-chip strong{font-size:14px}.class-chip span,.class-chip small{color:rgba(255,255,255,.86);font-size:12px}.color-1{background:#f97316}.color-2{background:#facc15;color:#1f2937}.color-2 span,.color-2 small{color:#475569}.color-3{background:#fb7185}.color-4{background:#06b6d4}.color-5{background:#22c55e}.side-list{grid-column:2}.mini-item{padding:15px 18px;border-bottom:1px solid #f1f5f9}.mini-item b{display:block;color:#111827}.mini-item span{display:block;color:#64748b;font-size:12px;margin-top:5px}.mini-item.split{display:flex;justify-content:space-between;gap:12px;align-items:center}.mini-item em{font-style:normal;background:#eff6ff;color:#2563eb;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900}.courses-panel,.students-panel{grid-column:1}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px}.course-card{min-height:104px;border-radius:12px;background:#f8fafc;border:1px solid #eef2f7;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.course-card strong{color:#111827}.course-card span{color:#64748b;font-size:12px;font-weight:800}.rtl .app-shell{grid-template-columns:1fr 292px}.rtl .sidebar{background:#111;border-left:0}.rtl .dashboard-grid{direction:rtl}@media(max-width:1180px){.stat-grid.modern-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.side-list,.courses-panel,.students-panel,.schedule-panel{grid-column:auto}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.dashboard-hero{align-items:flex-start;flex-direction:column}.class-timeline,.course-grid{grid-template-columns:1fr}.stat-grid.modern-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

html,body{min-height:100%}.app-shell{align-items:start}.sidebar{position:fixed;left:0;top:0;bottom:0;width:292px;height:100vh;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;z-index:20}.sidebar nav{overflow-y:auto;overflow-x:hidden;padding-right:4px;padding-bottom:28px;scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}.sidebar nav::-webkit-scrollbar{width:6px}.sidebar nav::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:999px}.main{margin-left:292px;width:calc(100vw - 292px);min-height:100vh}.rtl .sidebar{left:auto;right:0}.rtl .main{margin-left:0;margin-right:292px}.rtl .sidebar nav{padding-right:0;padding-left:4px}@media(max-width:760px){.sidebar{position:relative;left:auto;right:auto;width:100%;height:auto;min-height:0;max-height:none}.sidebar nav{max-height:none;overflow:visible}.main,.rtl .main{margin-left:0;margin-right:0;width:100%}}

.row-actions{display:flex;align-items:center;gap:12px}.row-actions form{margin:0}.link-edit{border:0;background:transparent;color:#2563eb;font-weight:900;cursor:pointer;padding:0}.report-actions{display:flex;justify-content:flex-end;margin:0 0 16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.stack-form .btn,.auth-card .btn,.install-card .btn,.drawer-panel .btn{white-space:nowrap;font-size:clamp(13px,1vw,15px);line-height:1.15}

/* Final purple academy theme */
:root{--purple:#7c3aed;--purple-dark:#5b21b6;--purple-soft:#f3e8ff;--purple-bg:#f7f2ff;--purple-line:#e9d5ff;--ink:#17151f;--muted:#756f86;--font-main:"Geologica","Inter","Segoe UI",Arial,sans-serif}
body,input,select,textarea,button,table{font-family:var(--font-main)!important}
body{background:var(--purple-bg)!important;color:var(--ink);font-weight:400}
a{color:var(--purple)}
.main{background:linear-gradient(180deg,#fbf7ff 0%,#f3e8ff 100%)}
.sidebar{background:#101010!important;color:#f8fafc}
.brand-mark{background:linear-gradient(135deg,#8b5cf6,#d946ef)!important;color:#fff}
.sidebar nav a:hover{background:#2b2433!important;color:#fff}
.sidebar nav a.active{background:var(--purple)!important;color:#fff!important;box-shadow:0 12px 24px rgba(124,58,237,.24)}
.sidebar nav::-webkit-scrollbar-thumb{background:#4a4452}
input,select,textarea{border-color:#ddd1ee;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:2px solid #c4b5fd;border-color:var(--purple)}
.btn.primary,.hero-action,.quick-actions a,.language-switch a.active{background:var(--purple)!important;color:#fff!important;box-shadow:0 12px 24px rgba(124,58,237,.18)!important}
.btn.primary:hover,.hero-action:hover,.quick-actions a:hover{background:var(--purple-dark)!important}
.badge,.status-pill{background:var(--purple-soft)!important;color:var(--purple-dark)!important}
.status-pill{text-transform:none!important;letter-spacing:0;white-space:nowrap}
.status-active{background:#ede9fe!important;color:#5b21b6!important}
.status-trial{background:#f3e8ff!important;color:#6b21a8!important}
.status-warning{background:#fff7ed!important;color:#c2410c!important}
.status-expired,.status-suspended{background:#fff1f2!important;color:#be123c!important}
.status-central{background:#f4f4f5!important;color:#3f3f46!important}
.alert.success{background:#f5f3ff;color:var(--purple-dark);border-color:#ddd6fe}
.eyebrow,.dashboard-hero span{color:var(--purple)!important}
.panel,.stat-card,.dashboard-hero,.auth-card,.install-card{background:#fff;border-color:var(--purple-line);box-shadow:0 18px 40px rgba(88,28,135,.08)}
.panel-head,.mini-item,th,td{border-color:#eadcff!important}
th{background:#faf5ff!important;color:#6d5f82}
.stat-card span,.dashboard-hero p,.mini-item span,.course-card span,.muted,.hint,small{color:var(--muted)!important}
.stat-card strong,.dashboard-hero h2,.course-card strong,.mini-item b{color:var(--ink)!important}
.panel-head a,.link-edit{color:var(--purple)!important}
.mini-item em{background:var(--purple-soft)!important;color:var(--purple-dark)!important}
.course-card{background:#fbf7ff!important;border-color:var(--purple-line)!important}
.class-chip.color-1{background:#7c3aed!important}
.class-chip.color-2{background:#a855f7!important;color:#fff!important}
.class-chip.color-3{background:#c084fc!important;color:#2e1065!important}
.class-chip.color-4{background:#9333ea!important}
.class-chip.color-5{background:#d946ef!important}
.class-chip.color-2 span,.class-chip.color-2 small{color:rgba(255,255,255,.86)!important}
.class-chip.color-3 span,.class-chip.color-3 small{color:#4c1d95!important}
.auth-body,.install-body{background:linear-gradient(135deg,#f3e8ff,#fbf7ff 45%,#fff)}
.feature-row span{border-color:var(--purple-line)}
.sidebar nav a{display:flex!important;align-items:center;gap:12px;min-height:44px}
.sidebar nav a span{min-width:0;line-height:1.25}
.nav-icon{width:19px;height:19px;flex:0 0 19px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sidebar nav a{color:#b9b4c2!important}
.sidebar nav a:hover,.sidebar nav a.active{color:#fff!important}
.sidebar nav a.active .nav-icon{color:#fff}
.logout-link{display:flex!important;align-items:center;gap:12px}
.rtl .sidebar nav a{flex-direction:row-reverse}
.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px}
.report-card{display:flex;min-height:138px;flex-direction:column;justify-content:space-between;border:1px solid var(--purple-line);border-radius:12px;background:#fbf7ff;padding:16px;color:var(--ink)}
.report-card strong{font-size:17px;color:var(--ink)}
.report-card span{display:block;margin:8px 0;color:var(--muted);font-size:13px;line-height:1.45}
.report-card em{font-style:normal;color:var(--purple-dark);font-size:12px;font-weight:900}
.report-card:hover{border-color:#c4b5fd;box-shadow:0 14px 30px rgba(88,28,135,.1)}
@media(max-width:980px){.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.report-grid{grid-template-columns:1fr}}
.topbar{position:sticky;top:0;z-index:12;margin:0 -28px 22px;padding:0 28px;background:var(--purple);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.18);box-shadow:0 16px 34px rgba(88,28,135,.2)}
.topbar,.topbar h1,.topbar .muted,.topbar small{color:#fff!important}
.topbar h1{font-size:18px;font-weight:850}
.topbar small{font-weight:500;opacity:.92}
.topbar .language-switch{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.28)}
.topbar .language-switch a{color:#fff!important}
.topbar .language-switch a.active{background:#fff!important;color:var(--purple)!important;box-shadow:none!important}
.topbar .status-pill{background:#fff!important;color:var(--purple)!important}
.page-masthead{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 22px;padding:28px 30px;border:1px solid var(--purple-line);border-radius:18px;background:linear-gradient(135deg,#fff 0%,#fbf7ff 46%,#f3e8ff 100%);box-shadow:0 22px 50px rgba(88,28,135,.09)}
.page-masthead:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 20%,rgba(124,58,237,.13),transparent 34%);pointer-events:none}
.page-masthead>div{position:relative}
.page-masthead span{display:inline-flex;align-items:center;border-radius:999px;background:var(--purple-soft);color:var(--purple-dark);padding:7px 12px;font-size:12px;font-weight:900}
.page-masthead h1{margin:12px 0 8px;font-size:clamp(28px,3vw,44px);line-height:1.05;color:var(--ink);letter-spacing:0;font-weight:900}
.page-masthead p{max-width:760px;margin:0;color:var(--muted);font-size:16px;line-height:1.55}
.masthead-chip{min-width:210px;border:1px solid var(--purple-line);border-radius:14px;background:rgba(255,255,255,.72);padding:16px;text-align:right}
.masthead-chip strong{display:block;color:var(--ink);font-size:14px}
.masthead-chip small{display:block;margin-top:5px;color:var(--purple-dark)!important;font-weight:850}
.dashboard-hero{padding:20px 22px;margin-top:-4px}
.dashboard-hero h2{font-size:24px}
@media(max-width:980px){.page-masthead{align-items:flex-start;flex-direction:column}.masthead-chip{width:100%;text-align:left}.topbar{margin:0 -16px 18px;padding:0 16px}}
@media(max-width:560px){.page-masthead{padding:22px}.page-masthead h1{font-size:28px}}

/* Public marketing pages */
.public-body{min-height:100vh;background:#fbf7ff!important;color:var(--ink)}
.public-header{position:sticky;top:0;z-index:30;height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 max(28px,14vw);background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(233,213,255,.8)}
.public-brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:20px;font-weight:900}
.public-logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#d946ef);color:#fff;font-weight:950}
.public-nav{display:flex;align-items:center;gap:34px}
.public-nav a{color:#756f86;font-weight:800}
.public-nav a.active,.public-nav a:hover{color:var(--purple)}
.public-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px}
.public-login{font-weight:850;color:var(--purple-dark)}
.public-cta,.public-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:12px 17px;font-weight:900;text-decoration:none}
.public-cta{background:#7c3aed;color:#fff!important;box-shadow:0 14px 28px rgba(124,58,237,.22)}
.public-secondary{background:#fff;color:var(--purple)!important;border:1px solid var(--purple-line)}
.public-cta.large,.public-secondary.large{padding:14px 24px;font-size:17px}
.public-cta.full,.public-secondary.full{width:100%;margin-top:22px}
.public-main{min-height:calc(100vh - 76px)}
.public-auth{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:70px 24px;background:linear-gradient(135deg,#fbf7ff,#f3e8ff)}
.public-auth .auth-grid{width:min(1080px,92vw)}
.public-auth .auth-card{box-shadow:0 28px 70px rgba(88,28,135,.12)}
.public-auth .auth-card.wide{margin:auto}
.login-auth{position:relative;overflow:hidden;background:#1f1235!important}
.login-auth:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,18,53,.82),rgba(88,28,135,.54),rgba(247,242,255,.82));z-index:1}
.login-auth .auth-grid{position:relative;z-index:2}
.login-auth .auth-copy h1,.login-auth .auth-copy p{color:#fff!important;text-shadow:0 12px 34px rgba(0,0,0,.35)}
.login-auth .eyebrow{color:#f5e8ff!important}
.login-auth .feature-row span{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(10px)}
.auth-slider,.auth-slide{position:absolute;inset:0}
.auth-slider{z-index:0}
.auth-slide{background-size:cover;background-position:center;opacity:0;animation:authSlideShow 24s infinite}
.auth-slide.slide-one{background-image:url('../img/login-quran-1.png')}
.auth-slide.slide-two{background-image:url('../img/login-quran-2.png');animation-delay:6s}
.auth-slide.slide-three{background-image:url('../img/login-quran-3.png');animation-delay:12s}
.auth-slide.slide-four{background-image:url('../img/login-quran-1.png');animation-delay:18s}
@keyframes authSlideShow{0%,100%{opacity:0;transform:scale(1.04)}8%,25%{opacity:1;transform:scale(1)}33%{opacity:0;transform:scale(1.03)}}
.auth-link-grid{display:grid;gap:10px;margin-top:14px}
.auth-link-card{display:block;padding:13px 14px;border:1px solid #eadcff;border-radius:16px;background:linear-gradient(135deg,#fff,#f7f0ff);color:#27133f;text-decoration:none;box-shadow:0 12px 28px rgba(124,58,237,.08);transition:.2s ease}
.auth-link-card:hover{transform:translateY(-1px);border-color:#b88cff;box-shadow:0 16px 34px rgba(124,58,237,.14)}
.auth-link-card strong{display:block;font-weight:900}
.auth-link-card span{display:block;margin-top:3px;color:#766887;font-size:13px;line-height:1.45}
.auth-link-card.muted-card{background:#fff;color:#4f4261}
.register-auth .auth-card{width:min(460px,92vw)}
.register-card{padding:28px}
.register-card .form-grid.compact{grid-template-columns:1fr;gap:10px}
.register-card label{margin-top:0}
.register-card input{margin-top:5px;padding:10px 12px}
.register-card .btn.primary{background:#7c3aed;box-shadow:0 16px 30px rgba(124,58,237,.24)}
.auth-simple-link{display:inline-block;margin-top:2px;color:#7c3aed;font-weight:800}
.register-auth .feature-row{flex-wrap:nowrap;gap:8px}
.register-auth .feature-row span{padding:9px 13px;font-size:14px;font-weight:600;white-space:nowrap}
.public-hero{position:relative;min-height:680px;display:grid;place-items:center;overflow:hidden;padding:90px 24px;text-align:center;background:linear-gradient(135deg,rgba(124,58,237,.82),rgba(217,70,239,.62)),url('https://images.unsplash.com/photo-1609599006353-e629aaabfeae?auto=format&fit=crop&w=1800&q=70') center/cover}
.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(76,29,149,.5),rgba(88,28,135,.18),rgba(23,21,31,.45))}
.hero-content{position:relative;max-width:980px;color:#fff}
.hero-pill{display:inline-flex;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(255,255,255,.12);padding:10px 16px;font-weight:900}
.hero-content h1{margin:28px 0 18px;font-size:clamp(42px,6vw,82px);line-height:1.02;letter-spacing:0;color:#fff}
.hero-content p{max-width:850px;margin:0 auto;color:rgba(255,255,255,.9);font-size:clamp(18px,2vw,25px);line-height:1.35}
.hero-buttons{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:32px 0}
.hero-content small{display:block;color:rgba(255,255,255,.78);font-weight:800}
.public-section{padding:82px max(24px,14vw);background:#fff}
.section-title{text-align:center;max-width:760px;margin:0 auto 34px}
.section-title span,.public-strip span{color:var(--purple);font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.section-title h2,.public-strip h1{font-size:clamp(34px,4vw,54px);line-height:1.08;margin:12px 0;color:var(--ink)}
.section-title p,.public-strip p{font-size:20px;color:var(--muted);line-height:1.45}
.feature-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.feature-cards article{background:#fbf7ff;border:1px solid var(--purple-line);border-radius:16px;padding:22px;box-shadow:0 18px 40px rgba(88,28,135,.06)}
.feature-cards strong{display:block;font-size:18px;color:var(--ink);margin-bottom:8px}
.feature-cards p{margin:0;color:var(--muted);line-height:1.5}
.public-strip{padding:86px 24px 46px;text-align:center;background:linear-gradient(180deg,#fff,#fbf7ff)}
.public-strip.compact{padding-bottom:34px}
.public-strip p{max-width:760px;margin:0 auto 26px}
.public-strip em{display:inline-flex;border-radius:999px;background:#f3e8ff;color:var(--purple-dark);padding:10px 16px;font-style:normal;font-weight:900}
.pricing-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:18px;max-width:1180px;margin:0 auto;padding:28px 24px 88px}
.pricing-card{border:1px solid var(--purple-line);border-radius:18px;background:#fff;padding:32px;box-shadow:0 24px 55px rgba(88,28,135,.08)}
.pricing-card.featured{background:linear-gradient(160deg,#7c3aed,#c026d3);color:#fff;border-color:transparent}
.pricing-card h2{font-size:28px;margin:0 0 8px}.pricing-card p{color:var(--muted);font-size:17px}.pricing-card.featured p,.pricing-card.featured li{color:rgba(255,255,255,.88)}
.pricing-card h3{margin:28px 0 14px;color:var(--purple)}.pricing-card.featured h3{color:#fff}
.price-row{display:flex;justify-content:space-between;gap:14px;align-items:center;background:#f6f0ff;border-radius:12px;padding:14px;margin:10px 0}.pricing-card.featured .price-row{background:rgba(255,255,255,.14)}
.price-row strong{color:var(--purple)}.pricing-card.featured .price-row strong{color:#fff}
.setup-note{margin:12px 0 22px;border-radius:12px;background:#f3e8ff;color:var(--purple-dark);padding:14px;font-weight:800}.pricing-card.featured .setup-note{background:rgba(255,255,255,.16);color:#fff}
.pricing-card ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.pricing-card li:before{content:"✓";color:var(--purple);font-weight:900;margin-right:10px}.pricing-card.featured li:before{color:#fff}
.contact-hero{position:relative;min-height:430px;display:grid;place-items:center;overflow:hidden;padding:86px 24px;color:#fff;text-align:center;background:#201333}
.contact-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(31,18,53,.88),rgba(124,58,237,.58),rgba(247,242,255,.34)),url('../img/login-quran-2.png') center/cover;transform:scale(1.02)}
.contact-hero-content{position:relative;max-width:920px}
.contact-hero-content span,.form-kicker{font-size:13px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;color:#e9d5ff}
.contact-hero-content h1{font-size:clamp(36px,5vw,66px);line-height:.98;margin:12px 0}
.contact-hero-content p{max-width:760px;margin:0 auto;color:rgba(255,255,255,.9);font-size:18px;line-height:1.55}
.contact-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}
.contact-badges b{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);border-radius:999px;padding:9px 14px;font-weight:650;backdrop-filter:blur(10px)}
.contact-grid{display:grid;grid-template-columns:minmax(320px,560px) 1fr;gap:24px;max-width:1180px;margin:-70px auto 0;padding:24px 24px 88px;position:relative;z-index:2}
.contact-card,.contact-info article,.contact-direct{background:#fff;border:1px solid var(--purple-line);border-radius:18px;padding:26px;box-shadow:0 22px 55px rgba(88,28,135,.12)}
.contact-card h2{margin:6px 0 6px}.contact-card label{display:block;font-weight:850;margin-top:13px}.contact-card input,.contact-card textarea{margin-top:7px}
.contact-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hp-field{position:absolute;left:-9999px;width:1px!important;height:1px!important;opacity:0}
.contact-info{display:grid;gap:14px}.contact-info article span{display:inline-flex;width:34px;height:34px;border-radius:10px;align-items:center;justify-content:center;background:#f3e8ff;color:var(--purple);font-weight:950}
.contact-info strong{display:block;margin:14px 0 6px;font-size:18px}.contact-info p{margin:0;color:var(--muted);line-height:1.5}.contact-direct{line-height:1.9;color:var(--muted)}
.public-footer{padding:0;background:#050505;color:#fff;border-top:1px solid rgba(52,211,153,.18)}.footer-inner{display:grid;grid-template-columns:minmax(260px,1.35fr) minmax(150px,.7fr) minmax(150px,.7fr) minmax(240px,.9fr);gap:38px;width:min(1320px,calc(100% - 48px));margin:0 auto;padding:58px 0 38px}.footer-logo{display:inline-flex;align-items:center;gap:12px;color:#fff!important;font-weight:950}.footer-logo span{display:grid;place-items:center;width:46px;height:46px;margin:0;border-radius:999px;background:#34d399;color:#052e22;font-size:13px}.footer-logo strong{letter-spacing:.02em}.footer-brand p,.footer-contact p{max-width:420px;margin:18px 0 0;color:#a1a1aa;line-height:1.65}.footer-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.footer-badges span{margin:0;padding:8px 11px;border:1px solid rgba(52,211,153,.24);border-radius:999px;background:rgba(52,211,153,.08);color:#34d399;font-size:12px;font-weight:900}.footer-links h2,.footer-contact h2{margin:0 0 16px;color:#fff;font-size:15px;text-transform:uppercase;letter-spacing:.08em}.footer-links a{display:block;margin:11px 0;color:#a1a1aa!important;font-weight:800}.footer-links a:hover,.footer-bottom a:hover{color:#34d399!important}.footer-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:22px;min-height:44px;padding:0 20px;border-radius:999px;background:#34d399;color:#052e22!important;font-weight:950}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(1320px,calc(100% - 48px));margin:0 auto;padding:22px 0 28px;border-top:1px solid rgba(255,255,255,.08);color:#71717a}.footer-bottom span{margin:0;color:#71717a}.footer-bottom div{display:flex;gap:18px;flex-wrap:wrap}.footer-bottom a{color:#a1a1aa!important;font-weight:850}
@media(max-width:1100px){.public-header{padding:0 24px}.feature-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-grid,.contact-grid{grid-template-columns:1fr}}
@media(max-width:720px){.public-header{height:auto;grid-template-columns:1fr;padding:16px 20px}.public-nav{justify-content:center;gap:18px}.public-actions{justify-content:center}.public-hero{min-height:620px}.feature-cards{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;padding:42px 0 28px}.footer-bottom{align-items:flex-start;flex-direction:column}.register-auth .feature-row{flex-wrap:wrap}.contact-two{grid-template-columns:1fr}.contact-grid{margin-top:-46px}.contact-hero{text-align:left;place-items:end start}}

/* Footer purple brand override */
.public-footer,
.public-footer a,
.public-footer p,
.public-footer span,
.public-footer h2{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:15px!important;
}
.public-footer{
  background:linear-gradient(180deg,#050505,#07030f)!important;
  border-top-color:rgba(124,58,237,.34)!important;
}
.footer-logo span{
  background:linear-gradient(135deg,#7c3aed,#a855f7)!important;
  color:#fff!important;
}
.footer-badges span{
  border-color:rgba(124,58,237,.42)!important;
  background:rgba(124,58,237,.14)!important;
  color:#ddd6fe!important;
}
.footer-links a:hover,
.footer-bottom a:hover{
  color:#a855f7!important;
}
.footer-cta,
.public-footer .btn,
.public-footer .public-cta,
.public-footer .public-secondary{
  background:#7c3aed!important;
  border-color:#7c3aed!important;
  color:#fff!important;
  box-shadow:0 16px 34px rgba(124,58,237,.3)!important;
}
.footer-cta:hover,
.public-footer .btn:hover,
.public-footer .public-cta:hover,
.public-footer .public-secondary:hover{
  background:#6d28d9!important;
  color:#fff!important;
}
.footer-bottom a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:0 15px!important;
  border:1px solid rgba(124,58,237,.45)!important;
  border-radius:999px!important;
  background:rgba(124,58,237,.12)!important;
  color:#fff!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:15px!important;
  font-weight:800!important;
}
.footer-bottom a:hover{
  background:#7c3aed!important;
  color:#fff!important;
}

/* Course video system */
.course-video-frame{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border:1px solid rgba(124,58,237,.28);
  border-radius:12px;
  background:#050505;
}
.course-video-frame iframe,
.course-video-frame video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  object-fit:cover;
}
.course-preview-box .course-video-frame{
  margin-bottom:14px;
}
.lesson-line.has-player{
  display:grid!important;
  grid-template-columns:1fr auto;
  align-items:center;
}
.lesson-line.has-player .course-video-frame{
  grid-column:1/-1;
  margin-top:12px;
}
.lesson-line span b{
  display:inline-flex;
  margin-left:8px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(124,58,237,.16);
  color:#c4b5fd;
  font-size:11px;
  font-weight:950;
}
.lesson-locked{
  grid-column:1/-1;
  margin-top:10px;
  color:#a1a1aa;
  font-size:13px;
  font-weight:850;
}
.course-video-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  background:#7c3aed;
  color:#fff!important;
  font-weight:900;
}
.meeting-fields{display:grid;gap:10px;border:1px solid var(--purple-line);border-radius:12px;background:#fbf7ff;padding:12px}
.field-label{margin:0!important;color:var(--purple-dark);font-size:12px;font-weight:950;text-transform:uppercase}
.meeting-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:950;background:#f3e8ff;color:#5b21b6}
.meeting-badge.zoom:before{content:"Z";display:inline-grid;place-items:center;width:17px;height:17px;margin-right:6px;border-radius:999px;background:#7c3aed;color:#fff;font-size:10px}
.meeting-badge.google_meet:before{content:"M";display:inline-grid;place-items:center;width:17px;height:17px;margin-right:6px;border-radius:999px;background:#d946ef;color:#fff;font-size:10px}
.meeting-badge.other:before{content:"L";display:inline-grid;place-items:center;width:17px;height:17px;margin-right:6px;border-radius:999px;background:#6d28d9;color:#fff;font-size:10px}
.meeting-join{background:#7c3aed!important;color:#fff!important;box-shadow:0 10px 20px rgba(124,58,237,.16)}
.meeting-join:hover{background:#5b21b6!important}
.filter-tabs{display:flex;flex-wrap:wrap;gap:8px}
.filter-tabs a{border:1px solid var(--purple-line);border-radius:999px;padding:7px 10px;background:#fff;color:var(--muted)!important;font-size:12px;font-weight:900}
.filter-tabs a.active{background:var(--purple)!important;color:#fff!important;border-color:var(--purple)}
.lead-form{display:grid;gap:8px;min-width:220px}.lead-form textarea{min-height:64px}
.module-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.week-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px}
.day-card{border:1px solid var(--purple-line);border-radius:14px;background:#fff;padding:14px}
.day-card h3{margin:0 0 12px;color:var(--purple-dark)}
.time-item{border:1px solid #eee4ff;border-radius:12px;background:#fbf7ff;padding:12px;margin-top:10px}
.time-item strong,.time-item span,.time-item small{display:block}
.time-item span{margin-top:4px;color:var(--ink)}
.time-item small{margin-top:4px;color:var(--muted)}
.mini-empty{padding:12px!important;margin:0;text-align:left}
@media(max-width:1180px){.week-grid{grid-template-columns:1fr}}
.brand-preview{min-height:260px;display:grid;align-content:center;justify-items:center;gap:14px;text-align:center;border-radius:18px;border:1px solid rgba(124,58,237,.18);background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(192,132,252,.18));padding:28px}
.brand-preview-mark{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;overflow:hidden;color:#fff;background:var(--preview-color,#7c3aed);font-size:34px;font-weight:900}
.brand-preview-mark img{width:100%;height:100%;object-fit:cover}
.reply-list{display:grid;gap:12px;margin:18px 0}
.reply-list article{border:1px solid rgba(124,58,237,.16);border-radius:16px;background:rgba(250,247,255,.8);padding:14px 16px}
.reply-list article p{margin:8px 0 0}
.check-line{display:flex;align-items:center;gap:8px;color:#6b647c;font-weight:600}
.check-line input{width:auto}
.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:18px 20px}
.table-toolbar h2{margin:0;color:var(--ink)}
.table-toolbar p{margin:4px 0 0;color:var(--muted);font-weight:600}
.toolbar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.filter-bar{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(5,minmax(120px,1fr)) auto auto;gap:10px;padding:16px}
.bulk-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.btn.danger,.btn.small.danger{background:#fff1f2!important;color:#be123c!important}
.pagination{display:flex;justify-content:flex-end;gap:6px;padding:14px 16px;border-top:1px solid var(--purple-line)}
.pagination a{min-width:34px;height:34px;display:inline-grid;place-items:center;border:1px solid var(--purple-line);border-radius:10px;background:#fff;color:var(--purple-dark);font-weight:900}
.pagination a.active{background:var(--purple);color:#fff;border-color:var(--purple)}
.drawer-backdrop{position:fixed;inset:0;z-index:80;background:rgba(23,21,31,.42);display:flex;justify-content:flex-end;backdrop-filter:blur(6px)}
.drawer-panel{width:min(560px,94vw);height:100vh;background:#fff;box-shadow:-24px 0 70px rgba(15,23,42,.28);overflow:auto}
.drawer-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--purple-line);background:#fff}
.drawer-head span{display:block;color:var(--purple);font-size:12px;font-weight:900;text-transform:uppercase}
.drawer-head h2{margin:4px 0 0;color:var(--ink)}
.drawer-close{border:1px solid var(--purple-line);border-radius:999px;padding:8px 12px;font-weight:900;color:var(--purple-dark)}
.row-check,.check-master{width:auto}
@media(max-width:1280px){.filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.table-toolbar{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.filter-bar{grid-template-columns:1fr}.bulk-actions{justify-content:flex-start}.pagination{justify-content:flex-start;overflow:auto}.drawer-panel{width:100vw}}

/* Professional nested sidebar */
.sidebar{padding:24px 16px 16px!important;background:linear-gradient(180deg,#111014 0%,#15101b 100%)!important}
.brand{gap:12px;margin:0 2px 14px;padding:0 0 18px!important;border-bottom:1px solid rgba(255,255,255,.09)!important}
.brand-mark{width:52px!important;height:52px!important;border-radius:16px!important;overflow:hidden;box-shadow:0 14px 28px rgba(124,58,237,.28)}
.brand-mark img{width:100%;height:100%;object-fit:cover;display:block}
.brand strong{max-width:178px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}
.sidebar nav{gap:8px!important;margin-top:6px!important;padding:0 2px 24px 0!important}
.sidebar nav>a:not(.live-chat-link):not(.logout-link){position:relative;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);color:#d6d0df!important}
.sidebar nav>a:not(.live-chat-link):not(.logout-link).active{background:linear-gradient(135deg,#7c3aed,#9333ea)!important;border-color:rgba(255,255,255,.12)}
.nav-group{border-top:1px solid rgba(255,255,255,.08);padding-top:9px;margin-top:5px}
.nav-group summary{list-style:none;cursor:pointer;min-height:42px;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;color:#b9b4c2;font-weight:650;user-select:none}
.nav-group summary span{font-weight:650;letter-spacing:.005em}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group summary:hover,.nav-group summary.active{background:rgba(124,58,237,.2);color:#fff}
.nav-group summary b{margin-left:auto;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);opacity:.72;transition:.18s ease}
.nav-group[open] summary b{transform:rotate(45deg)}
.nav-subitems{position:relative;display:grid;gap:3px;margin:5px 0 2px 21px;padding:0 0 0 13px;border-left:1px solid rgba(255,255,255,.1)}
.nav-subitems a{min-height:34px!important;padding:8px 10px!important;border-radius:9px!important;font-size:13px!important;font-weight:400!important;color:#aaa4b6!important;background:transparent!important;box-shadow:none!important}
.nav-subitems a span{font-weight:400!important}
.nav-subitems a .nav-icon{width:16px;height:16px;flex-basis:16px;opacity:.82}
.nav-subitems a:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
.nav-subitems a.active{background:linear-gradient(135deg,#7c3aed,#9333ea)!important;color:#fff!important;box-shadow:0 12px 24px rgba(124,58,237,.22)!important}
.live-chat-link{margin-top:12px!important;border:1px solid rgba(124,58,237,.36);background:rgba(124,58,237,.15)!important;color:#fff!important}
.live-chat-link em{margin-left:auto;border-radius:999px;background:#22c55e;color:#fff;padding:3px 7px;font-size:10px;font-style:normal;font-weight:900}
.logout-link{border-top:1px solid rgba(255,255,255,.08);padding-top:14px!important;margin-top:2px!important;color:#b9b4c2!important}
.settings-logo-row{display:grid;grid-template-columns:76px 1fr;gap:14px;align-items:center}
.settings-logo-preview{width:76px;height:76px;border-radius:20px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#7c3aed,#d946ef);color:#fff;font-size:32px;font-weight:950;box-shadow:0 18px 34px rgba(124,58,237,.18)}
.settings-logo-preview img{width:100%;height:100%;object-fit:cover}
.rtl .nav-group summary b{margin-left:0;margin-right:auto;transform:rotate(135deg)}
.rtl .nav-group[open] summary b{transform:rotate(45deg)}
.rtl .nav-subitems{margin:5px 21px 2px 0;padding:0 13px 0 0;border-left:0;border-right:1px solid rgba(255,255,255,.1)}
.rtl .live-chat-link em{margin-left:0;margin-right:auto}
@media(max-width:760px){.sidebar nav{padding-right:0!important}.nav-subitems{margin-left:12px}.settings-logo-row{grid-template-columns:1fr}.settings-logo-preview{width:64px;height:64px}}
.dashboard-brand-panel{margin:0 0 18px}
.dashboard-brand-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:16px;padding:18px}
.dashboard-brand-form{display:grid;grid-template-columns:94px 1fr;gap:16px;align-items:center}
.dashboard-logo-preview{width:94px;height:94px;border-radius:24px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#7c3aed,#d946ef);color:#fff;font-size:38px;font-weight:950;box-shadow:0 20px 40px rgba(124,58,237,.18)}
.dashboard-logo-preview img{width:100%;height:100%;object-fit:cover}
.dashboard-brand-fields{display:grid;gap:10px}
.dashboard-brand-fields label{font-weight:760;color:var(--ink)}
.dashboard-brand-fields input{margin-top:6px}
.dashboard-brand-fields .btn{justify-self:start;min-width:160px}
.dashboard-page-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dashboard-page-links a{display:block;border:1px solid var(--purple-line);border-radius:14px;background:#fbf7ff;padding:14px;color:var(--ink)}
.dashboard-page-links a:hover{border-color:#c4b5fd;box-shadow:0 14px 28px rgba(124,58,237,.1)}
.dashboard-page-links strong{display:block;font-size:14px}
.dashboard-page-links span{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.35}
@media(max-width:1100px){.dashboard-brand-grid{grid-template-columns:1fr}.dashboard-page-links{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.dashboard-brand-form{grid-template-columns:1fr}.dashboard-page-links{grid-template-columns:1fr}.dashboard-logo-preview{width:78px;height:78px}}

.alasar-hero{background:linear-gradient(135deg,rgba(4,120,87,.84),rgba(37,99,235,.62)),url('https://images.unsplash.com/photo-1588072432836-e10032774350?auto=format&fit=crop&w=1800&q=70') center/cover}
.video-review-section{overflow:hidden;background:#f8fafc}
.video-marquee{width:100%;overflow:hidden;padding:8px 0 12px}
.video-track{display:flex;gap:18px;width:max-content;animation:videoReviewMove 34s linear infinite}
.video-marquee:hover .video-track{animation-play-state:paused}
.video-review-card{width:280px;flex:0 0 280px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 14px 30px rgba(15,23,42,.08);overflow:hidden}
.video-review-card video,.video-placeholder{width:100%;aspect-ratio:16/10;background:#111827;display:grid;place-items:center;color:#fff;object-fit:cover}
.video-review-card div:last-child{padding:13px 14px}
.video-review-card strong{display:block;color:#111827}
.video-review-card span{display:block;margin-top:4px;color:#64748b;font-size:13px;line-height:1.35}
.placeholder-review .video-placeholder{font-weight:900}
.admin-video-thumb{width:150px;aspect-ratio:16/10;object-fit:cover;border-radius:8px;background:#111827}
.video-review-admin{grid-template-columns:380px 1fr}
.inline-update-form{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px;min-width:360px}
.inline-update-form .btn{grid-column:1 / -1}
@keyframes videoReviewMove{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:980px){.video-review-admin{grid-template-columns:1fr}.inline-update-form{min-width:0}}
@media(max-width:560px){.video-review-card{width:230px;flex-basis:230px}.inline-update-form{grid-template-columns:1fr}}

.course-public-wrap{padding:28px max(24px,12vw) 90px;background:#050605;color:#f8fafc}
.course-catalog-hero{background:#050605;color:#fff}
.course-catalog-hero h1,.course-catalog-hero p{color:#fff}
.course-filter{display:grid;grid-template-columns:minmax(220px,1fr) 180px auto auto;gap:10px;margin:0 auto 24px;max-width:1180px;padding:14px;background:#111;border-color:#222}
.course-filter input,.course-filter select,.checkout-card input,.checkout-card select,.checkout-card textarea{background:#1a1a1a;border-color:#2d2d2d;color:#fff;border-radius:18px}
.course-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1180px;margin:0 auto}
.course-card-grid.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.public-course-showcase{background:#050605;color:#fff}
.public-course-showcase .section-title h2,.public-course-showcase .section-title p{color:#fff}
.public-course-card{background:#121212;border:1px solid #242424;border-radius:8px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.course-thumb{position:relative;display:block;aspect-ratio:16/10;background:linear-gradient(135deg,#052e24,#16a34a);overflow:hidden}
.course-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.course-thumb span{height:100%;display:grid;place-items:center;font-size:70px;color:#fff;font-weight:950}
.course-thumb b{position:absolute;left:14px;bottom:14px;border-radius:999px;background:rgba(16,185,129,.18);border:1px solid rgba(52,211,153,.36);color:#34d399;padding:7px 10px;font-size:12px}
.public-course-body{padding:18px}
.public-course-body small{color:#34d399;font-weight:900;text-transform:uppercase}
.public-course-body h2{font-size:22px;margin:8px 0}.public-course-body h2 a{color:#fff}
.public-course-body p{min-height:48px;color:#a1a1aa;line-height:1.5}
.course-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.course-meta-row span{border:1px solid #2a2a2a;border-radius:999px;padding:6px 9px;color:#d4d4d8;font-size:12px}
.course-price-row{display:flex;align-items:center;gap:10px;margin:14px 0}
.course-price-row strong{font-size:26px;color:#fff}.course-price-row del{color:#777}
.course-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.center-action{text-align:center;margin-top:28px}
.course-detail-page,.checkout-page{background:#030403;color:#fff;min-height:calc(100vh - 76px)}
.course-hero-detail{background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.52));background-size:cover;background-position:center;padding:96px 24px 50px;border-bottom:1px solid #15251e}
.course-detail-inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 426px;gap:50px}
.course-main-col{min-width:0}
.course-pill,.course-open-dot{display:inline-flex;align-items:center;border:1px solid rgba(52,211,153,.35);border-radius:999px;background:rgba(16,185,129,.16);color:#34d399;padding:8px 13px;font-size:12px;font-weight:900}
.course-hero-detail h1{font-size:clamp(42px,6vw,76px);line-height:1;margin:18px 0 14px;color:#fff}
.course-hero-detail p{font-size:20px;line-height:1.55;color:#d4d4d8;max-width:820px}
.course-hero-meta{display:flex;flex-wrap:wrap;gap:16px;margin:22px 0;color:#e4e4e7;font-weight:800}
.course-detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.course-buy-card{position:sticky;top:96px;align-self:start;background:rgba(18,18,18,.88);border:1px solid #2b2b2b;border-radius:22px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.36)}
.buy-price{display:flex;align-items:center;gap:12px;margin:18px 0 6px}.buy-price strong{font-size:40px}.buy-price del{color:#777}.buy-price em{font-style:normal;background:#064e3b;color:#34d399;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:900}
.course-buy-card small{color:#facc15;font-weight:900}.course-buy-card ul{list-style:none;padding:20px 0;margin:20px 0;border-top:1px solid #27272a;display:grid;gap:12px;color:#c4c4c7}.course-buy-card li:before{content:"•";color:#34d399;margin-right:8px}.course-buy-card p{text-align:center;color:#a1a1aa}
.course-content-grid{display:block;padding:36px 24px 90px}.course-content-grid .course-main-col{max-width:860px}
.course-preview-box,.course-copy,.course-learn-box,.course-curriculum,.course-reviews,.course-instructor article{background:#141414;border:1px solid #252525;border-radius:8px;padding:24px;margin-bottom:28px}
.course-preview-box{position:relative;padding:0;overflow:hidden}.course-preview-box video{width:100%;display:block;aspect-ratio:16/9;background:#000}.course-preview-box strong{position:absolute;left:18px;bottom:18px;background:rgba(0,0,0,.7);border-radius:999px;padding:9px 12px}
.course-copy h2,.course-learn-box h2,.course-curriculum h2,.course-reviews h2,.course-instructor h2{color:#fff;margin-top:0}
.course-copy p{color:#b8b8c0;line-height:1.8}
.course-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px}
.course-facts article{background:#151515;border:1px solid #252525;border-radius:14px;padding:22px;text-align:center}.course-facts span{display:block;color:#9ca3af;text-transform:uppercase;font-size:12px;font-weight:900}.course-facts strong{display:block;margin-top:10px}
.course-learn-box div{display:grid;grid-template-columns:1fr 1fr;gap:14px}.course-learn-box span{color:#d4d4d8}.course-learn-box span:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;margin-right:10px;border-radius:999px;background:#10b981;color:#fff;font-weight:900}
.course-section-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:16px}.course-section-head span{color:#a1a1aa}
.curriculum-module{background:#111;border:1px solid #252525;border-radius:14px;margin-bottom:16px;overflow:hidden}.curriculum-module h3{margin:0;padding:18px 22px;color:#34d399}.curriculum-module p{margin:-10px 22px 16px;color:#a1a1aa}.lesson-line{display:flex;justify-content:space-between;gap:16px;padding:14px 22px;border-top:1px solid #252525;color:#e4e4e7}.lesson-line em{color:#a1a1aa;font-style:normal}
.course-reviews article{border-top:1px solid #252525;padding:18px 0}.course-reviews b{color:#34d399}.course-reviews p{color:#d4d4d8}.course-reviews strong{color:#fff}
.course-instructor article{display:grid;grid-template-columns:96px 1fr;gap:22px}.course-instructor img{width:96px;height:96px;border-radius:999px;object-fit:cover}.course-instructor h3{margin:0;color:#fff}.course-instructor span{color:#34d399;font-weight:900}.course-instructor p{color:#b8b8c0;line-height:1.7}
.checkout-page{padding:44px 24px 80px}.checkout-back{display:block;max-width:1320px;margin:0 auto 20px;color:#a1a1aa;font-weight:900}.checkout-title{text-align:center;margin-bottom:30px}.checkout-title h1{font-size:44px;margin:0 0 8px;color:#fff}.checkout-title p{color:#a1a1aa;font-size:18px}.checkout-alert,.checkout-success{max-width:760px;margin:0 auto 24px}.checkout-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.8fr);gap:40px}.checkout-card{background:#141414;border:1px solid #292929;border-radius:18px;padding:34px}.checkout-card h2{margin-top:0;color:#fff}.checkout-card label{display:block;color:#a1a1aa;font-weight:850;margin-top:16px}.checkout-card input,.checkout-card select,.checkout-card textarea{margin-top:8px}.checkout-card textarea{min-height:100px}.checkout-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkout-card hr{border:0;border-top:1px solid #292929;margin:20px 0}.checkout-summary>span{display:inline-flex;border:1px solid #2d2d2d;border-radius:999px;padding:7px 12px;color:#a1a1aa}.checkout-summary p{color:#a1a1aa}.checkout-price{font-size:38px;font-weight:950;margin:18px 0 4px}.checkout-price del{font-size:18px;color:#777;margin-left:10px}.payment-method,.terms-box{border:1px solid #2d2d2d;border-radius:18px;padding:16px!important;background:#111}.payment-method input,.terms-box input{width:auto;margin:0 10px 0 0}.terms-box{display:flex!important;gap:10px;align-items:flex-start}.terms-box span{display:block;color:#b8b8c0}.terms-box b{display:block;color:#fff;margin-bottom:4px}.checkout-submit{width:100%;margin-top:16px;padding:16px!important}.content-builder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.content-lists{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.course-card-grid,.course-card-grid.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-detail-inner,.checkout-grid{grid-template-columns:1fr}.course-buy-card{position:relative;top:auto}.course-facts,.content-builder-grid,.content-lists{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.course-filter,.course-card-grid,.course-card-grid.compact-grid,.course-facts,.course-learn-box div,.checkout-two,.content-builder-grid,.content-lists{grid-template-columns:1fr}.course-card-actions{grid-template-columns:1fr}.course-hero-detail{padding-top:56px}.course-hero-meta{gap:10px}.checkout-card{padding:22px}.course-instructor article{grid-template-columns:1fr}}
.alumni-public{padding-top:70px}
.alumni-heading{max-width:1180px;margin:0 auto 24px;color:#fff}
.alumni-heading h2{font-size:42px;margin:0 0 8px;color:#fff}
.alumni-heading p{color:#a1a1aa}
.alumni-video-grid{max-width:1180px;margin:0 auto 70px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.alumni-video-grid article{background:#141414;border:1px solid #252525;border-radius:8px;overflow:hidden}
.alumni-video-grid video{width:100%;aspect-ratio:16/10;background:#000;display:block;object-fit:cover}
.alumni-video-grid strong,.alumni-video-grid span{display:block;padding:0 16px}
.alumni-video-grid strong{padding-top:14px;color:#fff}
.alumni-video-grid span{padding-bottom:16px;color:#34d399;font-weight:800}
.dynamic-review-grid{max-width:1180px;margin:0 auto}
.dynamic-review-grid article{background:#141414!important;border-color:#252525!important}
@media(max-width:980px){.alumni-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.alumni-video-grid{grid-template-columns:1fr}.alumni-heading h2{font-size:32px}}
.login-auth{background:linear-gradient(135deg,#101827,#1f2937 48%,#0f766e);overflow:hidden}.login-auth .auth-slider{display:none}.login-auth:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,24,39,.92),rgba(15,118,110,.26)),repeating-linear-gradient(90deg,rgba(52,211,153,.12) 0 1px,transparent 1px 64px),repeating-linear-gradient(0deg,rgba(52,211,153,.08) 0 1px,transparent 1px 64px);pointer-events:none}.login-auth .auth-grid{position:relative;z-index:1}.login-auth .auth-copy h1,.login-auth .auth-copy p,.login-auth .eyebrow{color:#fff}.login-auth .feature-row span{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24);color:#fff}.brand-mark{font-size:18px}

/* Jeem-style public course frontend */
.public-body{background:#030403!important;color:#f8fafc}.public-main{min-height:calc(100vh - 96px);background:#030403}.public-header{position:sticky;top:20px;z-index:50;width:min(1320px,calc(100% - 48px));height:68px;margin:20px auto 0;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;background:rgba(18,18,18,.94);border:1px solid rgba(52,211,153,.24);border-radius:999px;box-shadow:0 24px 70px rgba(0,0,0,.42);backdrop-filter:blur(18px)}.public-brand{color:#fff!important}.public-brand>span:last-child{display:grid;line-height:1.05}.public-brand small{color:#a1a1aa;font-size:12px;font-weight:700}.public-logo{width:44px;height:44px;border-radius:999px;background:#34d399;color:#052e22;font-size:13px}.public-nav{gap:30px}.public-nav a{color:#a1a1aa;font-weight:850}.public-nav a.active,.public-nav a:hover{color:#34d399}.public-login{border:1px solid #3f3f46;border-radius:999px;color:#fff!important;padding:12px 24px}.public-cta,.public-secondary{border-radius:999px}.public-cta{background:#34d399;color:#04130f!important;box-shadow:0 18px 40px rgba(52,211,153,.24)}.public-secondary{background:transparent;color:#fff!important;border:1px solid #3f3f46}.public-cta:hover,.public-secondary:hover,.dark-pill:hover{transform:translateY(-1px)}.jeem-hero{position:relative;min-height:690px;margin-top:-88px;padding:160px 24px 88px;display:grid;align-items:center;overflow:hidden;background:#050505}.jeem-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.58),rgba(0,0,0,.24)),radial-gradient(circle at 76% 34%,rgba(52,211,153,.28),transparent 34%),url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1800&q=72') center/cover;filter:saturate(.9)}.jeem-hero-inner{position:relative;z-index:1;width:min(1320px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:58px;align-items:center}.jeem-hero-copy{max-width:790px}.hero-pill{border-color:rgba(52,211,153,.38);background:rgba(52,211,153,.14);color:#34d399}.jeem-hero h1{margin:24px 0 18px;color:#fff;font-size:clamp(48px,6vw,86px);line-height:.98}.jeem-hero p{max-width:760px;color:#d4d4d8;font-size:20px;line-height:1.55}.hero-buttons{justify-content:flex-start}.hero-mini-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hero-mini-proof span{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:9px 13px;color:#d4d4d8;background:rgba(255,255,255,.06);font-weight:800}.hero-course-preview{background:rgba(16,16,16,.88);border:1px solid #27272a;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45)}.hero-course-preview .course-thumb{height:240px;border-radius:0}.hero-course-body{padding:24px}.hero-course-body span{color:#34d399;font-weight:900}.hero-course-body h2{color:#fff;margin:8px 0}.hero-course-body p{color:#a1a1aa;font-size:15px}.hero-course-body strong{display:block;color:#fff;font-size:30px;margin:16px 0}.jeem-stats{position:relative;z-index:2;width:min(1320px,calc(100% - 48px));margin:-54px auto 72px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.jeem-stats article{background:#141414;border:1px solid #2a2a2a;border-radius:8px;padding:28px;text-align:center}.jeem-stats span{display:block;color:#a1a1aa;font-weight:800}.jeem-stats strong{display:block;margin-top:10px;color:#fff;font-size:30px}.dark-section,.course-public-wrap,.alumni-public{background:#030403!important}.public-section{padding:82px max(24px,14vw);background:#030403}.section-heading{max-width:1320px;margin:0 auto 32px;display:flex;align-items:end;justify-content:space-between;gap:24px}.section-heading span,.section-title span,.public-strip span{color:#34d399}.section-heading h2,.section-title h2,.public-strip h1{color:#fff;font-size:clamp(34px,4vw,52px);margin:8px 0}.section-heading p,.section-title p,.public-strip p{color:#a1a1aa}.dark-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid #3f3f46;border-radius:999px;color:#fff!important;padding:13px 20px;font-weight:900}.course-card-grid{max-width:1320px}.public-course-card{background:#141414!important;border:1px solid #27272a!important;border-radius:8px!important;overflow:hidden;box-shadow:none!important}.public-course-card:hover{border-color:rgba(52,211,153,.5)!important;transform:translateY(-3px)}.course-thumb{background:#0a0a0a}.course-thumb img{filter:saturate(.95)}.course-thumb b{background:#042f24;color:#34d399;border:1px solid rgba(52,211,153,.28)}.course-thumb span{background:#34d399;color:#052e22}.public-course-body small{color:#34d399}.public-course-body h2,.public-course-body h2 a{color:#fff}.public-course-body p,.course-meta-row span{color:#a1a1aa}.course-price-row strong{color:#fff}.course-price-row del{color:#71717a}.course-card-actions{gap:10px}.course-catalog-hero,.public-strip{background:linear-gradient(180deg,#050505,#030403)!important;padding-top:116px}.course-filter.panel{max-width:1320px;margin:0 auto 28px;background:#141414;border-color:#27272a}.course-filter input,.course-filter select{background:#0b0b0b;color:#fff;border-color:#303030}.jeem-process{padding:84px max(24px,14vw);background:#070707}.process-grid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.process-grid article{background:#141414;border:1px solid #27272a;border-radius:8px;padding:24px}.process-grid b{color:#34d399;font-size:28px}.process-grid strong{display:block;color:#fff;font-size:18px;margin:14px 0 8px}.process-grid span{color:#a1a1aa}.video-review-card{background:#141414;border-color:#27272a;border-radius:8px}.video-placeholder{background:#0a0a0a;color:#34d399}.course-detail-page,.checkout-page{margin-top:-88px;padding-top:88px}.course-hero-detail{min-height:560px;padding:150px 24px 80px}.course-pill,.course-open-dot{background:#052e22;border-color:rgba(52,211,153,.32);color:#34d399}.course-buy-card,.course-copy,.course-learn-box,.course-preview-box,.course-instructor article,.curriculum-module,.checkout-card{background:#141414;border-color:#27272a;border-radius:8px}.course-facts article{background:#141414;border-color:#27272a;border-radius:8px}.lesson-line{border-color:#27272a}.checkout-card input,.checkout-card select,.checkout-card textarea{background:#1b1b1b;border-color:#333;color:#fff}.payment-method,.terms-box{background:#0f0f0f;border-color:#303030!important}.alumni-heading{color:#fff}.dynamic-review-grid article{border-radius:8px}@media(max-width:980px){.public-header{top:0;width:100%;margin:0;border-radius:0;grid-template-columns:1fr}.public-actions{justify-content:center}.jeem-hero{margin-top:0;padding-top:88px}.jeem-hero-inner{grid-template-columns:1fr}.jeem-stats,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{align-items:flex-start;flex-direction:column}.course-detail-page,.checkout-page{margin-top:0;padding-top:0}.course-hero-detail{padding-top:70px}}@media(max-width:640px){.jeem-stats,.process-grid{grid-template-columns:1fr}.jeem-hero h1{font-size:42px}.public-nav{gap:14px;flex-wrap:wrap}.public-login{padding:10px 16px}.hero-course-preview{display:none}}

/* Screenshot-matched home slider and auth */
.jeem-home-slider{position:relative;min-height:calc(100vh - 20px);margin-top:-88px;overflow:hidden;background:#050505;border-bottom-left-radius:34px;border-bottom-right-radius:34px}.home-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;animation:homeSlide 15s infinite;transform:scale(1.03)}.home-slide.slide-a{background-image:url('https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1920&q=78')}.home-slide.slide-b{background-image:url('https://images.unsplash.com/photo-1588072432836-e10032774350?auto=format&fit=crop&w=1920&q=78');animation-delay:5s}.home-slide.slide-c{background-image:url('https://images.unsplash.com/photo-1577896851231-70ef18881754?auto=format&fit=crop&w=1920&q=78');animation-delay:10s}.home-slider-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.72)),linear-gradient(90deg,rgba(0,0,0,.36),transparent 45%,rgba(0,0,0,.22))}.home-slider-center{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);display:grid;gap:24px;justify-items:center;z-index:2}.home-slider-center .hero-buttons{margin:0;justify-content:center}.students-proof-pill{display:flex;align-items:center;gap:16px;background:rgba(20,18,18,.86);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:13px 24px;color:#fff;box-shadow:0 16px 40px rgba(0,0,0,.35)}.proof-avatars{display:flex;align-items:center}.proof-avatars i{width:34px;height:34px;margin-left:-8px;border-radius:999px;display:grid;place-items:center;background:#34d399;color:#052e22;border:2px solid #151515;font-style:normal;font-size:11px;font-weight:950}.proof-avatars i:first-child{margin-left:0}.students-proof-pill strong,.auth-proof strong{display:block;color:#fff;font-weight:950}.students-proof-pill span{display:block;color:#34d399;font-size:13px;font-weight:850}@keyframes homeSlide{0%,100%{opacity:0;transform:scale(1.05)}7%,31%{opacity:1;transform:scale(1)}38%{opacity:0;transform:scale(1.04)}}.jeem-auth-page{min-height:calc(100vh - 88px);margin-top:-88px;display:grid;grid-template-columns:1fr 1fr;background:#fff}.jeem-auth-left{position:relative;display:grid;align-items:center;min-height:100vh;padding:160px max(44px,11vw) 70px 11vw;background:linear-gradient(145deg,#0f5138,#37c995);overflow:hidden}.auth-pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);background-size:30px 30px;opacity:.55}.jeem-auth-copy{position:relative;z-index:1;max-width:640px;color:#fff}.jeem-auth-copy>span{display:inline-flex;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.14);padding:8px 17px;font-weight:950}.jeem-auth-copy h1{font-size:clamp(42px,5vw,62px);line-height:1.08;margin:30px 0 18px;color:#fff}.jeem-auth-copy p{font-size:23px;line-height:1.4;color:rgba(255,255,255,.82)}.jeem-auth-copy blockquote{margin:54px 0 70px;font-size:26px;line-height:1.2;font-weight:950;color:#fff}.auth-proof{border-top:1px solid rgba(255,255,255,.18);padding-top:26px;display:flex;align-items:center;gap:22px}.auth-proof small{display:block;margin-top:6px;color:#fff!important;font-size:15px;font-weight:850}.jeem-auth-right{display:grid;align-items:center;justify-items:center;min-height:100vh;padding:150px 40px 70px;background:#fff}.jeem-auth-form{width:min(440px,92vw)}.jeem-auth-form h2{font-size:34px;margin:0 0 8px;color:#111827}.jeem-auth-form>p{margin:0 0 40px;color:#6b7280;font-size:18px}.jeem-auth-form label{display:block;margin:20px 0 0;color:#374151;font-weight:850}.jeem-auth-form label b{color:#ef4444}.jeem-auth-form input[type=text],.jeem-auth-form input[type=email],.jeem-auth-form input[type=password]{height:54px;margin-top:10px;border-radius:999px;border:1px solid #e5e7eb;background:#f9fafb;color:#111827;padding:0 24px}.jeem-auth-form input:focus{border-color:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.14);outline:none}.auth-check{display:flex!important;align-items:center;gap:10px;color:#6b7280!important;font-weight:650!important}.auth-check input{width:16px;height:16px;margin:0}.auth-check a,.auth-bottom-links a{color:#10b981!important;font-weight:950}.jeem-auth-form .btn.primary{width:100%;height:58px;margin-top:26px;border-radius:999px;background:#35c28f;color:#04130f;box-shadow:0 18px 34px rgba(16,185,129,.22)}.auth-bottom-links{display:grid;justify-items:center;gap:22px;margin-top:30px;color:#6b7280}.auth-bottom-links>a{color:#9ca3af!important}@media(max-width:980px){.jeem-home-slider{margin-top:0;min-height:720px}.jeem-auth-page{margin-top:0;grid-template-columns:1fr}.jeem-auth-left{min-height:520px;padding:120px 28px 60px}.jeem-auth-right{min-height:auto;padding:52px 24px}.jeem-auth-copy blockquote{margin:34px 0}.public-header{background:rgba(18,18,18,.94)!important}}@media(max-width:560px){.students-proof-pill{width:min(360px,94vw);border-radius:24px}.home-slider-center{width:100%;padding:0 16px}.jeem-auth-copy h1{font-size:38px}.jeem-auth-copy p{font-size:18px}.jeem-auth-copy blockquote{font-size:22px}}
.mobile-nav-toggle,.mobile-header-actions,.mobile-nav-panel{display:none}
.public-header,.public-header a,.public-header button{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}.public-nav a{font-size:15px!important;font-weight:600!important;letter-spacing:0!important;color:rgba(255,255,255,.62)!important}.public-nav a.active,.public-nav a:hover{color:#34d399!important}.public-login{font-size:15px!important;font-weight:600!important;letter-spacing:0!important}.public-actions .public-cta{font-size:15px!important;font-weight:600!important;letter-spacing:0!important}.public-brand strong{font-size:15px!important;font-weight:700!important;letter-spacing:0!important}.public-brand small{font-weight:500!important;letter-spacing:0!important}
@media(max-width:720px){
  .public-body{background:#eaf1fb!important}
  .public-header{position:fixed!important;top:14px!important;left:50%!important;transform:translateX(-50%)!important;width:min(410px,calc(100% - 28px))!important;height:60px!important;margin:0!important;padding:0 10px 0 14px!important;grid-template-columns:1fr auto!important;border-radius:999px!important;background:rgba(18,18,18,.92)!important;z-index:100!important}
  .public-brand{gap:8px!important}
  .public-logo{width:40px!important;height:40px!important;font-size:12px!important}
  .public-brand strong{font-size:12px!important;line-height:1!important}
  .public-brand small{font-size:10px!important}
  .public-nav,.public-actions{display:none!important}
  .mobile-header-actions{display:flex;align-items:center;gap:8px}
  .mobile-header-actions a,.mobile-header-actions label{width:40px;height:40px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);cursor:pointer}
  .mobile-header-actions svg{width:21px;height:21px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
  .mobile-nav-toggle{position:absolute;opacity:0;pointer-events:none}
  .mobile-nav-panel{position:absolute;top:70px;right:14px;width:min(386px,calc(100vw - 48px));padding:20px;background:rgba(8,10,9,.94);border:1px solid rgba(52,211,153,.18);border-radius:18px;box-shadow:0 30px 60px rgba(0,0,0,.45);backdrop-filter:blur(18px)}
  .mobile-nav-toggle:checked ~ .mobile-nav-panel{display:grid;gap:0}
  .mobile-nav-panel a{display:flex;align-items:center;min-height:58px;color:#d4d4d8!important;font-size:16px;font-weight:600!important;border-bottom:1px solid rgba(255,255,255,.08)}
  .mobile-nav-panel a:before{content:"";width:10px;height:10px;border-radius:999px;background:#34d399;margin-right:14px}
  .mobile-nav-panel a:last-child{border-bottom:0}
  .jeem-home-slider{min-height:832px!important;margin-top:0!important;border-radius:0 0 26px 26px!important}
  .home-slide{background-position:center!important}
  .home-slider-center{top:59%!important;width:100%;padding:0 18px}
  .home-slider-center .hero-buttons{width:100%;display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .home-slider-center .public-cta,.home-slider-center .public-secondary{width:min(402px,100%);height:52px;font-size:15px}
  .students-proof-pill{width:min(310px,92vw)!important;display:grid!important;justify-items:center;text-align:center;border-radius:28px!important;padding:18px 16px!important;gap:10px!important}
  .proof-avatars i{width:36px;height:36px}
  .jeem-stats{width:min(410px,calc(100% - 28px))!important;margin:22px auto 38px!important;grid-template-columns:1fr!important}
  .public-section,.jeem-process{padding:54px 16px!important}
  .course-card-grid,.course-card-grid.compact-grid,.process-grid,.alumni-video-grid{grid-template-columns:1fr!important;width:min(410px,100%)!important}
  .section-heading{width:min(410px,100%);margin-left:auto;margin-right:auto}
  .section-heading h2{font-size:30px!important}
  .jeem-auth-page{display:block!important;margin-top:0!important;background:#fff!important;min-height:100vh!important}
  .jeem-auth-left{min-height:392px!important;padding:96px 24px 34px!important}
  .jeem-auth-copy{max-width:390px;margin:0 auto}
  .jeem-auth-copy>span{font-size:14px}
  .jeem-auth-copy h1{font-size:30px!important;line-height:1.18!important;margin:22px 0 14px!important}
  .jeem-auth-copy p{font-size:18px!important;line-height:1.45!important}
  .jeem-auth-copy blockquote{font-size:22px!important;margin:26px 0 0!important}
  .auth-proof{display:none!important}
  .jeem-auth-right{min-height:auto!important;padding:50px 24px 70px!important}
  .jeem-auth-form{width:min(386px,100%)!important}
  .jeem-auth-form h2{text-align:center;font-size:28px!important}
  .jeem-auth-form>p{text-align:center;font-size:17px!important;margin-bottom:34px!important}
  .jeem-auth-form label{margin-top:22px!important}
  .jeem-auth-form input[type=text],.jeem-auth-form input[type=email],.jeem-auth-form input[type=password]{height:50px!important}
  .jeem-auth-form .btn.primary{height:58px!important;margin-top:28px!important}
}

/* AlAsarSkool light purple brand layer */
:root{
  --alasar-purple:#7c3aed;
  --alasar-purple-dark:#5b21b6;
  --alasar-purple-strong:#5b21b6;
  --alasar-purple-soft:#f3e8ff;
  --alasar-purple-line:#e9d5ff;
  --alasar-purple-ink:#17151f;
}
a{color:var(--alasar-purple-strong)}
.btn.primary,
.public-cta,
.jeem-auth-form .btn.primary,
.register-card .btn.primary,
.hero-action,
.quick-actions a{
  background:var(--alasar-purple)!important;
  color:#fff!important;
  box-shadow:0 18px 40px rgba(124,58,237,.24)!important;
}
.btn.primary:hover,
.public-cta:hover,
.jeem-auth-form .btn.primary:hover,
.hero-action:hover,
.quick-actions a:hover{background:var(--alasar-purple-dark)!important;color:#fff!important}
.badge,
.status-pill{
  background:var(--alasar-purple-soft)!important;
  color:var(--alasar-purple-dark)!important;
}
.brand-mark,
.public-logo,
.proof-avatars i,
.course-learn-box span:before{
  background:linear-gradient(135deg,#8b5cf6,#d946ef)!important;
  color:#fff!important;
}
.sidebar nav a:hover,
.alert.success{
  background:#f5f3ff!important;
  color:var(--alasar-purple-dark)!important;
}
.language-switch a.active{
  background:var(--alasar-purple-strong)!important;
  color:#fff!important;
}
.public-header{
  border-color:rgba(124,58,237,.28)!important;
  box-shadow:0 24px 70px rgba(88,28,135,.22)!important;
}
.public-nav a.active,
.public-nav a:hover{
  color:var(--alasar-purple)!important;
}
.public-course-card:hover{
  border-color:rgba(124,58,237,.55)!important;
}
.hero-pill,
.course-pill,
.course-open-dot,
.course-thumb b{
  background:rgba(124,58,237,.16)!important;
  border-color:rgba(124,58,237,.42)!important;
  color:var(--alasar-purple-soft)!important;
}
.course-thumb span{
  background:var(--alasar-purple)!important;
  color:#fff!important;
}
.public-course-body small,
.section-heading span,
.section-title span,
.public-strip span,
.curriculum-module h3,
.course-reviews b,
.course-instructor span,
.alumni-video-grid span,
.students-proof-pill span,
.hero-course-body span,
.process-grid b,
.video-placeholder{
  color:var(--alasar-purple)!important;
}
.buy-price em{
  background:rgba(124,58,237,.16)!important;
  color:var(--alasar-purple-soft)!important;
}
.course-buy-card li:before{color:var(--alasar-purple)!important}
.jeem-auth-left{
  background:linear-gradient(145deg,#5b21b6,#7c3aed,#d946ef)!important;
}
.login-auth{
  background:linear-gradient(135deg,#17151f,#5b21b6 48%,#7c3aed)!important;
}
.login-auth:before{
  background:linear-gradient(90deg,rgba(23,21,31,.92),rgba(124,58,237,.28)),
    repeating-linear-gradient(90deg,rgba(124,58,237,.12) 0 1px,transparent 1px 64px),
    repeating-linear-gradient(0deg,rgba(124,58,237,.08) 0 1px,transparent 1px 64px)!important;
}
.jeem-hero-bg{
  background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.58),rgba(0,0,0,.24)),
    radial-gradient(circle at 76% 34%,rgba(124,58,237,.28),transparent 34%),
    url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1800&q=72') center/cover!important;
}
.jeem-auth-form input:focus{
  border-color:var(--alasar-purple)!important;
  box-shadow:0 0 0 4px rgba(124,58,237,.18)!important;
}
.auth-check a,
.auth-bottom-links a{
  color:var(--alasar-purple)!important;
}
.mobile-nav-panel{
  border-color:rgba(124,58,237,.22)!important;
}
.mobile-nav-panel a:before{
  background:var(--alasar-purple)!important;
}
.mobile-header-actions a,
.mobile-header-actions label{
  border-color:rgba(124,58,237,.18)!important;
}

/* AlAsarSkool solid purple only - no gradients */
:root{
  --alasar-purple:#7c3aed;
  --alasar-purple-dark:#5b21b6;
  --alasar-purple-strong:#7c3aed;
  --alasar-purple-soft:#f3e8ff;
  --alasar-purple-line:#e9d5ff;
}
.btn.primary,
.public-cta,
.jeem-auth-form .btn.primary,
.register-card .btn.primary,
.hero-action,
.quick-actions a,
.language-switch a.active,
.course-thumb span,
.meeting-join,
.pagination a.active,
.filter-tabs a.active{
  background:#7c3aed!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:0 14px 28px rgba(124,58,237,.22)!important;
}
.btn.primary:hover,
.public-cta:hover,
.jeem-auth-form .btn.primary:hover,
.register-card .btn.primary:hover,
.hero-action:hover,
.quick-actions a:hover{
  background:#5b21b6!important;
  background-image:none!important;
  color:#fff!important;
}
.brand-mark,
.public-logo,
.proof-avatars i,
.course-learn-box span:before,
.settings-logo-preview,
.dashboard-logo-preview,
.brand-preview-mark{
  background:#7c3aed!important;
  background-image:none!important;
  color:#fff!important;
}
.jeem-auth-left{
  background:#7c3aed!important;
  background-image:none!important;
}
.login-auth{
  background:#7c3aed!important;
  background-image:none!important;
}
.login-auth:before{
  background:none!important;
}
.auth-pattern{
  background-image:none!important;
}
.public-hero,
.contact-hero-bg,
.page-masthead,
.pricing-card.featured,
.sidebar nav>a:not(.live-chat-link):not(.logout-link).active,
.nav-subitems a.active,
.home-slider-overlay,
.jeem-hero-bg{
  background-image:none!important;
}
.page-masthead{
  background:#fff!important;
}
.pricing-card.featured,
.sidebar nav>a:not(.live-chat-link):not(.logout-link).active,
.nav-subitems a.active{
  background:#7c3aed!important;
}
.hero-pill,
.course-pill,
.course-open-dot,
.course-thumb b,
.buy-price em,
.mini-item em,
.public-strip em,
.status-pill,
.badge{
  background:#f3e8ff!important;
  border-color:#e9d5ff!important;
  color:#5b21b6!important;
}
.public-nav a.active,
.public-nav a:hover,
.public-course-body small,
.section-heading span,
.section-title span,
.public-strip span,
.curriculum-module h3,
.course-reviews b,
.course-instructor span,
.alumni-video-grid span,
.students-proof-pill span,
.hero-course-body span,
.process-grid b,
.video-placeholder,
.auth-check a,
.auth-bottom-links a,
.panel-head a,
.link-edit,
a{
  color:#7c3aed!important;
}

/* Header icons and backend topbar spacing */
.public-nav a,
.mobile-nav-panel a{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
}
.public-nav-icon{
  width:18px;
  height:18px;
  flex:0 0 18px;
  stroke:currentColor;
  fill:none;
  stroke-width:2.25;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.public-nav a.active .public-nav-icon,
.public-nav a:hover .public-nav-icon{
  color:#7c3aed!important;
}
.mobile-nav-panel a:before{
  display:none!important;
}
.mobile-nav-panel .public-nav-icon{
  width:20px;
  height:20px;
}
.topbar{
  height:auto!important;
  min-height:96px!important;
  margin:0 -28px 22px!important;
  padding:16px 28px 14px!important;
  align-items:center!important;
}
.topbar h1{
  margin:4px 0 8px!important;
  line-height:1.15!important;
}
.topbar p{
  margin:0!important;
  line-height:1.45!important;
}
.topbar small{
  display:block!important;
  line-height:1.25!important;
}
@media(max-width:980px){
  .topbar{
    margin:0 -16px 18px!important;
    padding:16px!important;
  }
}

/* Alumni page polish */
.public-header{
  top:0!important;
}
.public-strip.compact.course-catalog-hero{
  position:relative;
  z-index:1;
  padding-top:128px!important;
  padding-bottom:58px!important;
}
.alumni-public{
  padding:72px 24px 90px!important;
}
.alumni-video-grid .empty.panel{
  width:min(380px,100%);
  margin:0;
  padding:28px 32px;
  background:#fff!important;
  border:0!important;
  color:#64748b!important;
  border-radius:12px!important;
  text-align:center;
}
.review-grid.dynamic-review-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  max-width:1180px;
  margin:0 auto;
}
.review-grid.dynamic-review-grid article{
  position:relative;
  min-height:190px;
  padding:28px!important;
  display:flex;
  flex-direction:column;
  gap:14px;
  background:#141414!important;
  border:1px solid #252525!important;
  border-radius:12px!important;
  overflow:hidden;
}
.review-grid.dynamic-review-grid .quote{
  position:absolute;
  top:12px;
  left:22px;
  color:rgba(255,255,255,.14)!important;
  font-size:54px;
  line-height:1;
  font-weight:900;
}
.review-grid.dynamic-review-grid strong{
  position:relative;
  z-index:1;
  display:block;
  margin-top:6px;
  color:#fff!important;
  line-height:1.3;
}
.review-grid.dynamic-review-grid p{
  position:relative;
  z-index:1;
  margin:0;
  color:#d4d4d8!important;
  line-height:1.65;
}
.reviewer{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:auto;
  padding-top:16px;
  border-top:1px solid #2a2a2a;
}
.reviewer>span{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#7c3aed!important;
  color:#fff!important;
  font-weight:900;
}
.reviewer b{
  display:block;
  color:#fff!important;
  line-height:1.25;
}
.reviewer small{
  display:block;
  margin-top:3px;
  color:#756f86!important;
  line-height:1.25;
}
@media(max-width:980px){
  .review-grid.dynamic-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .public-strip.compact.course-catalog-hero{padding-top:96px!important}
  .alumni-public{padding:48px 18px 70px!important}
  .review-grid.dynamic-review-grid{grid-template-columns:1fr}
}

/* Jeem-style course catalog */
.ja-course-hero{
  padding:118px 24px 56px;
  text-align:center;
  background:#030403;
}
.ja-course-hero h1{
  margin:0 0 18px;
  color:#fff;
  font-size:clamp(40px,4.4vw,58px);
  line-height:1.05;
  font-weight:900;
}
.ja-course-hero p{
  max-width:630px;
  margin:0 auto;
  color:#a1a1aa;
  font-size:20px;
  line-height:1.45;
}
.ja-courses-page{
  padding:0 24px 76px;
  background:#030403;
}
.ja-course-tabs,
.ja-course-filter,
.ja-featured-course,
.ja-section-title,
.ja-course-grid{
  width:min(1320px,100%);
  margin-left:auto;
  margin-right:auto;
}
.ja-course-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:24px;
}
.ja-course-tabs a,
.ja-course-tabs span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:0 22px;
  border-radius:999px;
  background:#141414;
  color:#a1a1aa!important;
  font-weight:800;
}
.ja-course-tabs a.active{
  background:#7c3aed!important;
  color:#fff!important;
}
.ja-course-tabs svg,
.ja-course-stats svg,
.ja-search-field svg,
.ja-play svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.ja-course-tabs b{
  min-width:28px;
  padding:2px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  color:#d4d4d8;
  text-align:center;
  font-size:12px;
}
.ja-course-filter{
  display:grid;
  grid-template-columns:230px 210px minmax(260px,1fr) auto;
  align-items:center;
  gap:0;
  margin-bottom:48px;
  padding:12px 20px;
  border:1px solid #252525;
  border-radius:999px;
  background:#121212;
  box-shadow:0 18px 50px rgba(0,0,0,.28);
}
.ja-course-filter label{
  min-width:0;
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  padding:0 16px;
  border-right:1px solid #2a2a2a;
}
.ja-course-filter label span{
  display:none;
}
.ja-course-filter select,
.ja-search-field input{
  height:48px;
  width:100%;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  border-radius:0!important;
  padding:0!important;
  font-weight:800;
}
.ja-course-filter select{
  appearance:auto;
}
.ja-search-field{
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
  min-height:48px;
  padding:0 18px;
  border-radius:999px;
  background:#1a1a1a;
  color:#8b8b93;
}
.ja-search-field input{
  color:#d4d4d8!important;
  font-weight:600;
}
.ja-filter-submit{
  min-height:46px;
  border:0;
  border-radius:999px;
  padding:0 22px;
  background:#7c3aed;
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
.ja-featured-course{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(380px,.8fr);
  min-height:370px;
  margin-bottom:62px;
  overflow:hidden;
  border:1px solid #262626;
  border-radius:22px;
  background:#141414;
}
.ja-feature-media,
.ja-card-thumb{
  position:relative;
  display:block;
  overflow:hidden;
  background:#0a0a0a;
}
.ja-feature-media img,
.ja-card-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.ja-feature-media .course-media-video,
.ja-card-thumb .course-media-video,
.course-thumb .course-media-video{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  background:#050505;
}
.course-video-chip{
  position:absolute;
  left:18px;
  bottom:18px;
  z-index:2;
  border-radius:999px;
  padding:7px 12px;
  background:rgba(52,211,153,.92);
  color:#052e22;
  font-size:12px;
  font-style:normal;
  font-weight:950;
}
.course-hero-video-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.42;
}
.course-hero-detail>.course-detail-inner{
  position:relative;
  z-index:1;
}
.ja-feature-media span,
.ja-card-thumb span{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  background:#7c3aed;
  color:#fff;
  font-size:70px;
  font-weight:950;
}
.ja-feature-media i,
.ja-card-thumb b{
  position:absolute;
  right:20px;
  top:18px;
  border-radius:999px;
  padding:8px 13px;
  background:rgba(124,58,237,.18);
  border:1px solid rgba(124,58,237,.42);
  color:#c4b5fd;
  font-style:normal;
  font-size:12px;
  font-weight:900;
}
.ja-play{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:74px;
  height:74px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(15,15,15,.58);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  backdrop-filter:blur(8px);
}
.ja-play.small{
  width:58px;
  height:58px;
}
.ja-play svg{
  width:32px;
  height:32px;
  fill:currentColor;
  stroke:none;
}
.ja-feature-copy{
  display:flex;
  flex-direction:column;
  padding:38px 42px;
}
.ja-rating{
  display:flex;
  align-items:center;
  gap:10px;
  color:#a1a1aa;
  font-weight:800;
}
.ja-rating span{
  color:#7c3aed!important;
  letter-spacing:1px;
}
.ja-rating strong{
  color:#fff;
}
.ja-rating em{
  color:#a1a1aa;
  font-style:normal;
}
.ja-feature-copy h2{
  margin:18px 0 14px;
  color:#fff;
  font-size:28px;
  line-height:1.2;
}
.ja-feature-copy p,
.ja-card-body p{
  color:#a1a1aa;
  line-height:1.55;
}
.ja-feature-copy p{
  font-size:18px;
}
.ja-meta{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin-top:12px;
  color:#a1a1aa;
  font-weight:750;
}
.ja-meta span:before{
  content:"";
  display:inline-block;
  width:8px;
  height:8px;
  margin-right:8px;
  border:2px solid #8b8b93;
  border-radius:999px;
}
.ja-feature-bottom,
.ja-card-bottom{
  margin-top:auto;
  padding-top:24px;
  border-top:1px solid #292929;
}
.ja-feature-bottom{
  display:grid;
  gap:18px;
}
.ja-price{
  display:flex;
  align-items:end;
  gap:14px;
}
.ja-price strong{
  color:#fff;
  font-size:30px;
  line-height:1;
}
.ja-price del{
  color:#777;
}
.ja-card-actions{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
}
.ja-outline,
.ja-solid,
.ja-load-more{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  border-radius:999px;
  font-weight:900;
}
.ja-outline{
  border:1px solid #2d2d2d;
  color:#fff!important;
}
.ja-solid{
  min-width:128px;
  background:#7c3aed;
  color:#fff!important;
}
.ja-section-title{
  margin-bottom:24px;
}
.ja-section-title h2{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  color:#fff;
  font-size:28px;
}
.ja-section-title h2 span{
  width:24px;
  height:24px;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
  background:#7c3aed;
}
.ja-section-title h2 span:before{
  content:"";
  width:0;
  height:0;
  margin-left:2px;
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
  border-left:9px solid #fff;
}
.ja-course-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.ja-course-card{
  min-width:0;
  overflow:hidden;
  border:1px solid #262626;
  border-radius:14px;
  background:#141414;
}
.ja-card-thumb{
  aspect-ratio:16/9;
}
.ja-card-body{
  padding:22px;
}
.ja-card-body h3{
  min-height:58px;
  margin:0 0 10px;
  color:#fff;
  font-size:22px;
  line-height:1.25;
}
.ja-card-body h3 a{
  color:#fff!important;
}
.ja-card-body p{
  min-height:50px;
  margin:0 0 12px;
}
.ja-card-bottom{
  margin-top:22px;
}
.ja-card-bottom .ja-price{
  margin-bottom:16px;
}
.ja-card-bottom .ja-price strong{
  font-size:26px;
}
.ja-load-more{
  margin:48px auto 0;
  padding:0 32px;
  border:1px solid #2d2d2d;
  background:transparent;
  color:#fff;
}
.ja-load-more span{
  margin-left:8px;
  color:#7c3aed;
  font-size:22px;
}
.ja-empty{
  grid-column:1/-1;
  padding:32px;
  border:1px solid #252525;
  border-radius:14px;
  background:#141414;
  color:#a1a1aa;
  text-align:center;
}
.ja-course-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  padding:24px max(24px,14vw);
  border-top:1px solid #242424;
  border-bottom:1px solid #242424;
  background:#080808;
}
.ja-course-stats span{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:#a1a1aa;
  font-weight:850;
}
.ja-course-stats svg{
  color:#7c3aed;
  width:24px;
  height:24px;
}
@media(max-width:1100px){
  .ja-featured-course{grid-template-columns:1fr}
  .ja-feature-media{min-height:360px}
  .ja-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ja-course-filter{grid-template-columns:1fr 1fr}
  .ja-search-field{grid-column:1/-1}
  .ja-filter-submit{grid-column:1/-1}
}
@media(max-width:720px){
  .ja-course-hero{padding-top:96px}
  .ja-course-tabs{gap:8px}
  .ja-course-tabs a,.ja-course-tabs span{padding:0 14px;font-size:14px}
  .ja-course-filter{grid-template-columns:1fr;border-radius:22px}
  .ja-course-filter label{border-right:0;border-bottom:1px solid #2a2a2a}
  .ja-feature-copy{padding:28px 22px}
  .ja-feature-media{min-height:260px}
  .ja-course-grid{grid-template-columns:1fr}
  .ja-card-actions{grid-template-columns:1fr}
  .ja-course-stats{grid-template-columns:1fr 1fr}
}

/* Public theme toggle and cleaner enrollment form */
.theme-toggle{
  width:42px;
  height:42px;
  display:inline-grid;
  place-items:center;
  border:1px solid #3f3f46;
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:#fff;
  cursor:pointer;
}
.theme-toggle svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}
html[data-site-theme="dark"] .theme-sun,
html[data-site-theme="light"] .theme-moon{display:block}
html[data-site-theme="dark"] .theme-moon,
html[data-site-theme="light"] .theme-sun{display:none}
.checkout-page,
.checkout-page input,
.checkout-page select,
.checkout-page textarea,
.checkout-page button{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.checkout-page{
  padding-top:78px!important;
  letter-spacing:0!important;
}
.checkout-title h1{
  font-family:Inter,system-ui,sans-serif!important;
  font-size:clamp(34px,4vw,48px)!important;
  font-weight:760!important;
  letter-spacing:-.01em!important;
}
.checkout-title p,
.checkout-card p,
.checkout-summary small{
  font-weight:400!important;
}
.checkout-card{
  border-radius:10px!important;
  padding:34px!important;
}
.checkout-card h2{
  font-family:Inter,system-ui,sans-serif!important;
  font-size:24px!important;
  font-weight:720!important;
  letter-spacing:-.01em!important;
}
.checkout-card h3{
  font-size:18px!important;
  font-weight:680!important;
}
.checkout-card label{
  color:#a7a7b3!important;
  font-size:14px!important;
  font-weight:560!important;
}
.checkout-card input,
.checkout-card select,
.checkout-card textarea{
  min-height:48px;
  border-radius:999px!important;
  border:1px solid #33343b!important;
  background:#111214!important;
  color:#f8fafc!important;
  font-size:15px!important;
  font-weight:400!important;
  letter-spacing:0!important;
  box-shadow:none!important;
}
.checkout-card textarea{
  min-height:106px;
  border-radius:18px!important;
  padding-top:14px!important;
}
.checkout-card input::placeholder,
.checkout-card textarea::placeholder{
  color:#777985!important;
  font-weight:400!important;
}
.checkout-card input:focus,
.checkout-card select:focus,
.checkout-card textarea:focus{
  outline:none!important;
  border-color:#7c3aed!important;
  box-shadow:0 0 0 4px rgba(124,58,237,.18)!important;
}
.checkout-card input:-webkit-autofill,
.checkout-card input:-webkit-autofill:hover,
.checkout-card input:-webkit-autofill:focus{
  -webkit-text-fill-color:#111827!important;
  box-shadow:0 0 0 1000px #eef4ff inset!important;
}
.checkout-summary>span{
  font-weight:560!important;
}
.checkout-price{
  font-family:Inter,system-ui,sans-serif!important;
  font-weight:780!important;
  letter-spacing:-.02em!important;
}
.payment-method,
.terms-box{
  border-radius:16px!important;
  font-weight:560!important;
}
.terms-box b{
  font-weight:680!important;
}
.terms-box span{
  font-weight:420!important;
  line-height:1.45!important;
}
.checkout-submit{
  font-family:Inter,system-ui,sans-serif!important;
  font-weight:700!important;
  letter-spacing:0!important;
  border-radius:8px!important;
}
html[data-site-theme="light"] .public-body,
html[data-site-theme="light"] .public-main,
html[data-site-theme="light"] .course-detail-page,
html[data-site-theme="light"] .checkout-page,
html[data-site-theme="light"] .course-public-wrap,
html[data-site-theme="light"] .alumni-public,
html[data-site-theme="light"] .ja-course-hero,
html[data-site-theme="light"] .ja-courses-page{
  background:#f8f7ff!important;
  color:#17151f!important;
}
html[data-site-theme="light"] .public-header{
  background:rgba(255,255,255,.92)!important;
  border-color:#e9d5ff!important;
  box-shadow:0 24px 70px rgba(88,28,135,.12)!important;
}
html[data-site-theme="light"] .public-brand,
html[data-site-theme="light"] .public-nav a,
html[data-site-theme="light"] .public-login{
  color:#2f2a3d!important;
}
html[data-site-theme="light"] .public-brand small,
html[data-site-theme="light"] .checkout-title p,
html[data-site-theme="light"] .checkout-card label,
html[data-site-theme="light"] .checkout-card p,
html[data-site-theme="light"] .checkout-summary small,
html[data-site-theme="light"] .ja-course-hero p{
  color:#756f86!important;
}
html[data-site-theme="light"] .theme-toggle{
  background:#fff!important;
  border-color:#e9d5ff!important;
  color:#7c3aed!important;
}
html[data-site-theme="light"] .checkout-card,
html[data-site-theme="light"] .checkout-success,
html[data-site-theme="light"] .ja-featured-course,
html[data-site-theme="light"] .ja-course-card,
html[data-site-theme="light"] .ja-course-filter,
html[data-site-theme="light"] .ja-course-tabs span{
  background:#fff!important;
  border-color:#e9d5ff!important;
  color:#17151f!important;
  box-shadow:0 18px 40px rgba(88,28,135,.08)!important;
}
html[data-site-theme="light"] .checkout-card h2,
html[data-site-theme="light"] .checkout-card h3,
html[data-site-theme="light"] .checkout-title h1,
html[data-site-theme="light"] .checkout-summary h2,
html[data-site-theme="light"] .ja-course-hero h1,
html[data-site-theme="light"] .ja-feature-copy h2,
html[data-site-theme="light"] .ja-card-body h3,
html[data-site-theme="light"] .ja-card-body h3 a,
html[data-site-theme="light"] .ja-section-title h2,
html[data-site-theme="light"] .ja-price strong{
  color:#17151f!important;
}
html[data-site-theme="light"] .checkout-card input,
html[data-site-theme="light"] .checkout-card select,
html[data-site-theme="light"] .checkout-card textarea{
  background:#f8fafc!important;
  border-color:#e2e8f0!important;
  color:#111827!important;
}
html[data-site-theme="light"] .payment-method,
html[data-site-theme="light"] .terms-box,
html[data-site-theme="light"] .ja-search-field{
  background:#f8fafc!important;
  border-color:#e2e8f0!important;
}
html[data-site-theme="light"] .terms-box span,
html[data-site-theme="light"] .ja-feature-copy p,
html[data-site-theme="light"] .ja-card-body p,
html[data-site-theme="light"] .ja-meta,
html[data-site-theme="light"] .ja-rating em,
html[data-site-theme="light"] .ja-course-tabs span{
  color:#756f86!important;
}
html[data-site-theme="light"] .ja-course-stats{
  background:#fff!important;
  border-color:#e9d5ff!important;
}
html[data-site-theme="light"] .ja-course-stats span{
  color:#4b465c!important;
}
@media(max-width:720px){
  html[data-site-theme="light"] .public-header{
    background:rgba(255,255,255,.94)!important;
  }
  html[data-site-theme="light"] .mobile-header-actions a,
  html[data-site-theme="light"] .mobile-header-actions label,
  html[data-site-theme="light"] .mobile-header-actions button{
    background:#fff!important;
    border-color:#e9d5ff!important;
  }
  html[data-site-theme="light"] .mobile-header-actions svg{
    stroke:#7c3aed!important;
  }
}

/* Professional Alumni, Tools and Contact pages */
.pro-hero{
  width:min(1320px,calc(100% - 48px));
  margin:0 auto;
  padding:132px 0 76px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:42px;
  align-items:end;
  background:#030403;
}
.pro-hero-copy span,
.pro-section-title span,
.form-kicker,
.tool-request-band span{
  display:inline-flex;
  align-items:center;
  width:max-content;
  border:1px solid rgba(124,58,237,.36);
  border-radius:999px;
  background:rgba(124,58,237,.14);
  color:#c4b5fd!important;
  padding:8px 14px;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.pro-hero h1{
  max-width:850px;
  margin:22px 0 18px;
  color:#fff;
  font-size:clamp(46px,6vw,82px);
  line-height:.98;
  letter-spacing:-.02em;
}
.pro-hero p{
  max-width:720px;
  margin:0;
  color:#a1a1aa;
  font-size:20px;
  line-height:1.55;
}
.pro-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}
.contact-command-card,
.alumni-proof-panel,
.tools-live-panel{
  border:1px solid #262626;
  border-radius:18px;
  background:#141414;
  padding:26px;
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}
.contact-command-card b,
.tools-live-panel b{
  display:block;
  color:#a1a1aa;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.contact-command-card strong,
.tools-live-panel strong{
  display:block;
  margin:12px 0 4px;
  color:#fff;
  font-size:54px;
  line-height:1;
}
.contact-command-card span,
.tools-live-panel span{
  color:#a1a1aa;
}
.contact-command-card ul{
  margin:24px 0 0;
  padding:18px 0 0;
  border-top:1px solid #292929;
  list-style:none;
  display:grid;
  gap:12px;
  color:#d4d4d8;
}
.contact-command-card li:before{
  content:"";
  display:inline-block;
  width:9px;
  height:9px;
  margin-right:10px;
  border-radius:999px;
  background:#7c3aed;
}
.contact-pro-grid{
  width:min(1320px,calc(100% - 48px));
  margin:0 auto;
  padding:0 0 92px;
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(360px,.65fr);
  gap:22px;
}
.pro-contact-card,
.contact-support-stack article,
.pro-direct{
  background:#141414!important;
  border:1px solid #262626!important;
  border-radius:14px!important;
}
.pro-contact-card{
  padding:34px!important;
}
.pro-contact-card h2{
  margin:16px 0 8px;
  color:#fff;
  font-size:32px;
  letter-spacing:-.01em;
}
.pro-contact-card input,
.pro-contact-card select,
.pro-contact-card textarea{
  background:#101010!important;
  border-color:#303030!important;
  color:#fff!important;
  border-radius:14px!important;
}
.contact-support-stack{
  display:grid;
  gap:14px;
}
.contact-support-stack article{
  padding:24px;
}
.contact-support-stack article span{
  display:inline-grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:12px;
  background:#7c3aed;
  color:#fff;
  font-weight:900;
}
.contact-support-stack strong{
  display:block;
  margin:18px 0 8px;
  color:#fff;
  font-size:20px;
}
.contact-support-stack p{
  margin:0;
  color:#a1a1aa;
  line-height:1.6;
}
.pro-direct{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:10px 16px;
  padding:24px;
  color:#a1a1aa;
}
.pro-direct b{
  color:#fff;
}
.alumni-proof-panel{
  display:grid;
  gap:12px;
}
.alumni-proof-panel article{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid #292929;
  padding-bottom:14px;
}
.alumni-proof-panel article:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.alumni-proof-panel strong{
  color:#fff;
  font-size:34px;
}
.alumni-proof-panel span{
  color:#a1a1aa;
  text-align:right;
}
.alumni-pro-hero{
  grid-template-columns:1fr!important;
  align-items:center!important;
}
.alumni-pro-hero .pro-hero-copy{
  max-width:920px;
}
.alumni-proof-line{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:10px;
  margin-top:22px;
  max-width:100%;
  overflow-x:auto;
  scrollbar-width:none;
}
.alumni-proof-line::-webkit-scrollbar{
  display:none;
}
.alumni-proof-line article{
  display:inline-flex;
  align-items:baseline;
  flex:0 0 auto;
  gap:6px;
  min-height:32px;
  padding:6px 11px;
  border:1px solid #262626;
  border-radius:999px;
  background:#141414;
}
.alumni-proof-line strong{
  color:#fff;
  font-size:16px;
  line-height:1;
}
.alumni-proof-line span{
  color:#a1a1aa;
  font-size:12px;
  font-weight:750;
}
.alumni-pro-hero .pro-hero-actions{
  gap:16px!important;
}
.alumni-pro-hero .ja-solid,
.alumni-pro-hero .ja-outline{
  min-width:152px;
  min-height:48px;
  padding:0 24px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
}
.alumni-cta-band .ja-solid{
  min-width:170px!important;
  min-height:46px!important;
  padding:0 28px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
}
.alumni-showcase,
.alumni-review-lab{
  width:min(1320px,calc(100% - 48px));
  margin:0 auto;
  padding:0 0 86px;
}
.pro-section-title{
  margin:0 0 28px;
  text-align:left;
}
.pro-section-title h2{
  margin:18px 0 8px;
  color:#fff;
  font-size:clamp(34px,4vw,50px);
  letter-spacing:-.02em;
}
.pro-section-title p{
  margin:0;
  color:#a1a1aa;
  font-size:18px;
}
.pro-video-grid{
  max-width:none!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.pro-video-grid article{
  border-radius:14px!important;
}
.pro-empty-state{
  grid-column:1/-1;
  padding:32px;
  border:1px solid #262626;
  border-radius:14px;
  background:#141414;
  color:#a1a1aa;
}
.pro-empty-state strong{
  display:block;
  color:#fff;
  margin-bottom:6px;
}
.alumni-cta-band,
.tool-request-band{
  width:min(1320px,calc(100% - 48px));
  margin:0 auto 92px;
  padding:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  border:1px solid #262626;
  border-radius:18px;
  background:#141414;
}
.alumni-cta-band h2,
.tool-request-band h2{
  margin:0 0 8px;
  color:#fff;
  font-size:32px;
}
.alumni-cta-band h2{
  flex:0 0 auto;
  margin:0;
  white-space:nowrap;
}
.alumni-cta-band p,
.tool-request-band p{
  margin:0;
  color:#a1a1aa;
}
.alumni-cta-band p{
  flex:1 1 auto;
  min-width:0;
  white-space:nowrap;
}
.alumni-cta-band .ja-solid{
  flex:0 0 auto;
}
.alumni-cta-band{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  justify-content:normal!important;
  column-gap:30px!important;
}
.alumni-cta-band p{
  min-width:0!important;
  padding-right:8px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.alumni-cta-band .ja-solid{
  justify-self:end;
}
.tools-filter-bar{
  width:min(1320px,calc(100% - 48px));
  margin:0 auto 28px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.tools-filter-bar span{
  border:1px solid #262626;
  border-radius:999px;
  background:#141414;
  color:#a1a1aa;
  padding:10px 16px;
  font-weight:800;
}
.tools-grid-pro{
  width:min(1320px,calc(100% - 48px));
  margin:0 auto;
  padding:0 0 76px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.tools-grid-pro article{
  overflow:hidden;
  border:1px solid #262626;
  border-radius:14px;
  background:#141414;
}
.tool-visual{
  min-height:160px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:10px;
  background:#0b0712;
  border-bottom:1px solid #262626;
}
.tool-visual span{
  width:84px;
  height:84px;
  display:grid;
  place-items:center;
  border-radius:24px;
  background:#7c3aed;
  color:#fff;
  font-size:30px;
  font-weight:950;
}
.tool-visual small{
  color:#c4b5fd!important;
  font-weight:900;
  text-transform:uppercase;
}
.tool-copy{
  padding:22px;
}
.tool-copy h2{
  margin:0 0 8px;
  color:#fff;
  font-size:21px;
}
.tool-copy p{
  min-height:74px;
  margin:0 0 20px;
  color:#a1a1aa;
  line-height:1.55;
}
.tool-copy .ja-solid{
  width:max-content;
  min-width:126px;
}
.tools-pro-hero .learn-skills-btn{
  min-width:132px!important;
  min-height:48px!important;
  padding:0 26px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
.tool-icon-image{
  width:92px!important;
  height:92px!important;
  border-radius:24px!important;
  object-fit:cover!important;
  background:#7c3aed;
  box-shadow:0 18px 36px rgba(124,58,237,.28);
}
.admin-tool-cell{
  display:flex;
  align-items:center;
  gap:12px;
}
.admin-tool-cell img,
.admin-tool-cell span{
  width:48px;
  height:48px;
  min-width:48px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#7c3aed,#d946ef);
  color:#fff;
  font-weight:950;
  object-fit:cover;
}
.tools-admin-hero .toolbar-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.tools-admin-form .three-cols{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
html[data-site-theme="light"] .pro-hero,
html[data-site-theme="light"] .alumni-showcase,
html[data-site-theme="light"] .alumni-review-lab,
html[data-site-theme="light"] .contact-pro-grid,
html[data-site-theme="light"] .tools-grid-pro,
html[data-site-theme="light"] .tools-filter-bar{
  background:#f8f7ff!important;
}
html[data-site-theme="light"] .pro-hero h1,
html[data-site-theme="light"] .pro-section-title h2,
html[data-site-theme="light"] .pro-contact-card h2,
html[data-site-theme="light"] .contact-support-stack strong,
html[data-site-theme="light"] .alumni-cta-band h2,
html[data-site-theme="light"] .tool-request-band h2,
html[data-site-theme="light"] .tool-copy h2{
  color:#17151f!important;
}
html[data-site-theme="light"] .contact-command-card,
html[data-site-theme="light"] .alumni-proof-panel,
html[data-site-theme="light"] .tools-live-panel,
html[data-site-theme="light"] .pro-contact-card,
html[data-site-theme="light"] .contact-support-stack article,
html[data-site-theme="light"] .pro-direct,
html[data-site-theme="light"] .pro-empty-state,
html[data-site-theme="light"] .alumni-cta-band,
html[data-site-theme="light"] .tool-request-band,
html[data-site-theme="light"] .tools-filter-bar span,
html[data-site-theme="light"] .tools-grid-pro article{
  background:#fff!important;
  border-color:#e9d5ff!important;
  box-shadow:0 18px 40px rgba(88,28,135,.08)!important;
}
html[data-site-theme="light"] .tool-visual{
  background:#f3e8ff!important;
  border-color:#e9d5ff!important;
}
@media(max-width:1100px){
  .pro-hero,
  .contact-pro-grid{grid-template-columns:1fr}
  .tools-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pro-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .pro-hero{width:min(430px,calc(100% - 28px));padding-top:108px}
  .pro-hero h1{font-size:42px}
  .contact-pro-grid,
  .alumni-showcase,
  .alumni-review-lab,
  .alumni-cta-band,
  .tool-request-band,
  .tools-grid-pro,
  .tools-filter-bar{width:min(430px,calc(100% - 28px))}
  .contact-two,
  .tools-grid-pro,
  .pro-video-grid{grid-template-columns:1fr!important}
  .alumni-cta-band,
  .tool-request-band{align-items:flex-start;flex-direction:column}
  .alumni-cta-band{
    display:flex!important;
    column-gap:0!important;
  }
  .alumni-cta-band h2,
  .alumni-cta-band p{white-space:normal}
  .alumni-cta-band p{
    overflow:visible;
    text-overflow:clip;
    padding-right:0;
  }
}

/* Home hero image override: IT students taking online classes */
.home-slide.slide-a{
  background-image:url('https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1920&q=82')!important;
}
.home-slide.slide-b{
  background-image:url('https://images.unsplash.com/photo-1588072432836-e10032774350?auto=format&fit=crop&w=1920&q=82')!important;
}
.home-slide.slide-c{
  background-image:url('https://images.unsplash.com/photo-1577896851231-70ef18881754?auto=format&fit=crop&w=1920&q=82')!important;
}

/* Checkout bank transfer block */
.checkout-summary .bank-choice{
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:max-content;
  min-width:220px;
  margin-top:18px;
  border-color:#10b981!important;
  background:rgba(16,185,129,.12)!important;
  color:#fff!important;
}
.checkout-summary .bank-choice input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.bank-choice span{
  display:inline-grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:999px;
  background:#10b981;
  color:#04130f;
  font-size:10px;
  font-weight:950;
}
.bank-detail-card{
  margin-top:10px;
  padding:16px;
  border:1px solid #27272a;
  border-radius:16px;
  background:#0f0f0f;
}
.bank-detail-card[hidden]{
  display:none!important;
}
.checkout-summary .bank-choice{
  cursor:pointer;
}
.checkout-summary .bank-choice.active{
  box-shadow:0 0 0 3px rgba(16,185,129,.15);
}
.bank-line{
  display:grid;
  gap:5px;
  margin-bottom:14px;
}
.bank-line small{
  color:#a1a1aa;
  font-size:11px;
  font-weight:900;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.bank-line strong{
  color:#fff;
  font-size:14px;
  line-height:1.35;
}
.copy-line{
  grid-template-columns:1fr auto;
  align-items:center;
}
.copy-line small,
.copy-line strong{
  grid-column:1;
}
.copy-btn,
.copy-all-btn{
  border:1px solid rgba(16,185,129,.55);
  background:rgba(16,185,129,.12);
  color:#34d399;
  cursor:pointer;
  font-weight:850;
}
.copy-btn{
  grid-column:2;
  grid-row:1 / span 2;
  width:32px;
  height:32px;
  border-radius:9px;
  font-size:0;
}
.copy-btn:before{
  content:"";
  display:block;
  width:14px;
  height:16px;
  margin:auto;
  border:2px solid currentColor;
  border-radius:3px;
  box-shadow:4px -4px 0 -2px #0f0f0f,4px -4px 0 0 currentColor;
}
.copy-btn.copied:before{
  content:"OK";
  width:auto;
  height:auto;
  border:0;
  box-shadow:none;
  font-size:10px;
}
.copy-all-btn{
  width:100%;
  min-height:36px;
  border-radius:12px;
}
.copy-all-btn.copied{
  color:#fff;
  background:#10b981;
}
.bank-note{
  margin:12px 0 0!important;
  color:#a1a1aa!important;
  font-size:13px;
}
.slip-upload-box{
  position:relative;
  display:grid!important;
  justify-items:center;
  gap:8px;
  margin-top:14px!important;
  min-height:176px;
  padding:34px 18px!important;
  border:2px dashed #303030;
  border-radius:18px;
  background:#151515;
  text-align:center;
  cursor:pointer;
}
.slip-upload-box:hover{
  border-color:#10b981;
  background:#111f19;
}
.slip-upload-box input{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer;
}
.slip-upload-box .upload-icon{
  display:grid;
  place-items:center;
  width:58px;
  height:42px;
  border-radius:999px;
  background:#a1a1aa;
  color:#111;
  font-size:12px;
  font-weight:950;
}
.slip-upload-box strong{
  color:#fff;
  font-size:16px;
}
.slip-upload-box small{
  color:#a1a1aa;
  font-size:14px;
}
html[data-site-theme="light"] .bank-detail-card,
html[data-site-theme="light"] .slip-upload-box{
  background:#fff!important;
  border-color:#e9d5ff!important;
}
html[data-site-theme="light"] .bank-line strong,
html[data-site-theme="light"] .slip-upload-box strong{
  color:#17151f!important;
}

.graduate-review-section{
  overflow:hidden;
  padding-left:0!important;
  padding-right:0!important;
}
.graduate-review-section .section-heading{
  width:min(1320px,calc(100% - 48px));
}
.graduate-review-section .section-heading span{
  color:#8b5cf6!important;
}
.graduate-marquee{
  width:100%;
  overflow:hidden;
}
.graduate-track{
  display:flex;
  gap:20px;
  width:max-content;
  padding:26px 0 10px;
  animation:graduateReviewMove 28s linear infinite;
}
.graduate-marquee:hover .graduate-track{
  animation-play-state:paused;
}
.graduate-review-card{
  position:relative;
  flex:0 0 282px;
  width:282px;
  height:500px;
  overflow:hidden;
  border:1px solid rgba(139,92,246,.22);
  border-radius:8px;
  background:#100b1d;
  box-shadow:0 22px 50px rgba(0,0,0,.36);
}
.graduate-open-video{
  display:block;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  cursor:pointer;
}
.graduate-open-video:disabled{
  cursor:default;
}
.graduate-open-video:focus-visible{
  outline:3px solid #8b5cf6;
  outline-offset:-3px;
}
.graduate-media,
.graduate-media video,
.graduate-media img{
  width:100%;
  height:100%;
}
.graduate-media video,
.graduate-media img{
  display:block;
  object-fit:cover;
}
.graduate-media a{
  display:block;
  color:inherit;
  text-decoration:none;
}
.graduate-media{
  position:relative;
  display:block;
}
.graduate-media:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(3,4,3,.05) 25%,rgba(3,4,3,.72) 70%,rgba(3,4,3,.96));
  pointer-events:none;
}
.graduate-play{
  position:absolute;
  left:50%;
  top:50%;
  z-index:2;
  width:64px;
  height:64px;
  transform:translate(-50%,-50%);
  border:1px solid rgba(255,255,255,.34);
  border-radius:999px;
  background:rgba(255,255,255,.18);
  backdrop-filter:blur(10px);
  pointer-events:none;
}
.graduate-play:before{
  content:"";
  position:absolute;
  left:26px;
  top:20px;
  width:0;
  height:0;
  border-top:12px solid transparent;
  border-bottom:12px solid transparent;
  border-left:18px solid #fff;
}
.graduate-info{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:3;
  padding:0 24px 24px;
}
.graduate-info strong{
  display:block;
  color:#fff;
  font-size:15px;
  font-weight:900;
  line-height:1.25;
}
.graduate-info span{
  display:block;
  margin-top:10px;
  color:#c4b5fd;
  font-size:15px;
  font-weight:750;
  line-height:1.25;
}
.graduate-placeholder{
  display:grid!important;
  place-items:center;
  background:radial-gradient(circle at 50% 35%,rgba(139,92,246,.58),rgba(7,7,10,.95) 58%);
  color:#fff!important;
  font-size:52px;
  font-weight:950;
}
.admin-review-poster,
.admin-video-thumb{
  width:112px;
  height:140px;
  border-radius:8px;
  object-fit:cover;
  background:#111;
}
.admin-video-link-card{
  display:grid;
  place-items:center;
  width:112px;
  height:140px;
  border:1px solid rgba(139,92,246,.35);
  border-radius:8px;
  background:#17111f;
  color:#c4b5fd;
  font-size:13px;
  font-weight:900;
}
.review-modal-open{
  overflow:hidden;
}
.review-video-modal{
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  padding:24px;
}
.review-video-modal[hidden]{
  display:none;
}
.review-modal-backdrop{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(0,0,0,.78);
  backdrop-filter:blur(4px);
  cursor:pointer;
}
.review-modal-dialog{
  position:relative;
  z-index:1;
  width:min(900px,calc(100vw - 38px));
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:8px;
  background:#070707;
  box-shadow:0 34px 120px rgba(0,0,0,.62);
}
.review-modal-player{
  width:100%;
  aspect-ratio:16/9;
  background:#000;
}
.review-modal-player iframe,
.review-modal-player video{
  display:block;
  width:100%;
  height:100%;
  border:0;
}
.review-modal-close{
  position:absolute;
  top:12px;
  right:12px;
  z-index:2;
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(0,0,0,.6);
  color:#fff;
  cursor:pointer;
  font:900 18px/1 Inter,system-ui,sans-serif;
}
@keyframes graduateReviewMove{
  from{transform:translateX(-50%)}
  to{transform:translateX(0)}
}
@media(max-width:760px){
  .graduate-review-section .section-heading{width:min(100% - 32px,1320px)}
  .graduate-track{gap:14px;animation-duration:24s}
  .graduate-review-card{flex-basis:230px;width:230px;height:410px}
  .graduate-info{padding:0 18px 20px}
}

/* Dashboard controlled public branding */
.public-logo,
.footer-logo-mark{
  width:var(--brand-logo-size,44px)!important;
  height:var(--brand-logo-size,44px)!important;
  min-width:var(--brand-logo-size,44px)!important;
  border-radius:999px!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
}
.public-logo.has-image,
.footer-logo-mark.has-image{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
.public-logo.full-logo,
.footer-logo-mark.full-logo{
  width:var(--brand-logo-width,150px)!important;
  min-width:var(--brand-logo-width,150px)!important;
  border-radius:0!important;
}
.public-logo img,
.footer-logo-mark img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
}
.public-brand:has(.full-logo),
.footer-logo:has(.full-logo){
  gap:0!important;
}
.footer-logo-mark{
  margin:0!important;
  background:#7c3aed!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:950!important;
}
.dashboard-brand-note{
  align-self:stretch;
  display:grid;
  align-content:center;
  gap:10px;
  padding:22px;
  border:1px solid #e9d5ff;
  border-radius:14px;
  background:#faf5ff;
}
.dashboard-brand-note strong{
  color:#17151f;
  font-size:17px;
}
.dashboard-brand-note span{
  color:#6b7280;
  line-height:1.55;
}
.dashboard-brand-fields .three-cols{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.home-slider-center .public-cta.large,
.home-slider-center .public-secondary.large{
  min-height:52px!important;
  padding:0 26px!important;
  font-size:15px!important;
  font-weight:500!important;
  letter-spacing:0!important;
}
.proof-avatars i{
  width:38px!important;
  height:38px!important;
  margin-left:-10px!important;
  border:2px solid rgba(255,255,255,.72)!important;
  background:linear-gradient(135deg,#7c3aed,#111827)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(0,0,0,.22);
  text-shadow:none;
}
.proof-avatars i:nth-child(2){background:linear-gradient(135deg,#2563eb,#7c3aed)!important}
.proof-avatars i:nth-child(3){background:linear-gradient(135deg,#0f766e,#7c3aed)!important}
.proof-avatars i:nth-child(4){background:linear-gradient(135deg,#f59e0b,#7c3aed)!important}
.proof-avatars i:first-child{
  margin-left:0!important;
}
.auth-proof{
  display:flex!important;
}
@media(max-width:760px){
  .dashboard-brand-fields .three-cols{grid-template-columns:1fr}
  .auth-proof{display:flex!important;align-items:flex-start;gap:16px!important}
}

/* Full PNG logo upload/preview spacing */
.settings-logo-row{
  grid-template-columns:160px 1fr!important;
  align-items:center!important;
}
.settings-logo-preview{
  width:160px!important;
  height:92px!important;
  border-radius:16px!important;
  background:rgba(124,58,237,.10)!important;
  background-image:none!important;
  box-shadow:none!important;
  padding:8px 8px 14px!important;
}
.settings-logo-preview img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.brand-mark.full-brand-logo{
  width:132px!important;
  height:68px!important;
  min-width:132px!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
.brand-mark.full-brand-logo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.brand-copy-hidden{
  display:none!important;
}
@media(max-width:760px){
  .settings-logo-row{grid-template-columns:1fr!important}
  .settings-logo-preview{width:100%!important;max-width:220px!important}
}

.public-logo.full-logo{
  height:58px!important;
  max-width:170px!important;
}
.footer-logo-mark.full-logo{
  height:64px!important;
  max-width:180px!important;
}
.public-logo.full-logo img,
.footer-logo-mark.full-logo img{
  object-fit:contain!important;
  object-position:center center!important;
}
.public-header:has(.public-logo.full-logo){
  height:78px!important;
  align-items:center!important;
}
.public-header .public-brand{
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  align-self:center!important;
}
.public-header .public-logo.full-logo{
  height:50px!important;
  width:170px!important;
  min-width:170px!important;
  max-width:170px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  transform:translateY(0)!important;
}
.public-header .public-logo.full-logo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
}
.footer-logo:has(.footer-logo-mark.full-logo){
  min-height:72px!important;
  align-items:center!important;
}

/* Minimal professional contact page */
.contact-hub-hero{
  min-height:auto;
  margin-top:-88px;
  padding:154px 24px 34px;
  display:grid;
  place-items:center;
  text-align:center;
  background:#030403;
  border-bottom:0!important;
}
.contact-hub-hero>div{
  width:min(850px,100%);
}
.contact-hub-hero span{
  display:inline-block;
  margin-bottom:22px;
  color:#8b5cf6;
  font-size:15px;
  font-weight:800;
}
.contact-hub-hero h1{
  margin:0;
  color:#fff;
  font-size:clamp(44px,6vw,78px);
  line-height:1.02;
  letter-spacing:0;
}
.contact-hub-hero p{
  max-width:650px;
  margin:32px auto 0;
  color:#a1a1aa;
  font-size:18px;
  line-height:1.55;
}
.contact-hub-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:190px;
  min-height:48px;
  margin-top:38px;
  border-radius:999px;
  background:#7c3aed;
  color:#fff!important;
  font-size:15px;
  font-weight:600;
}
body:has(.contact-hub-hero) .public-main{
  min-height:0!important;
}
body:has(.contact-hub-hero) .public-footer{
  margin-top:0!important;
  border-top:0!important;
}
.contact-hub-directory{
  padding:64px 24px 78px;
  background:#070707;
}
.contact-hub-grid{
  width:min(1320px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:58px;
  padding-bottom:58px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.contact-hub-grid h2{
  margin:0 0 12px;
  color:#fff;
  font-size:15px;
  font-weight:900;
}
.contact-hub-grid a,
.contact-hub-direct p{
  display:block;
  margin:12px 0;
  color:#a1a1aa!important;
  font-size:15px;
  font-weight:600;
}
.contact-hub-grid a:hover{
  color:#c4b5fd!important;
}
.contact-hub-direct strong{
  color:#d4d4d8;
  font-weight:700;
}
.contact-socials{
  display:flex;
  gap:14px;
  margin-top:22px;
}
.contact-socials a{
  width:28px;
  height:28px;
  display:grid!important;
  place-items:center;
  margin:0!important;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  font-size:12px!important;
}
@media(max-width:900px){
  .contact-hub-hero{margin-top:0;padding-top:94px;min-height:auto}
  .contact-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
}
@media(max-width:560px){
  .contact-hub-hero h1{font-size:40px}
  .contact-hub-grid{grid-template-columns:1fr}
}

/* Balanced public page title sizing */
.contact-hub-hero h1{
  max-width:760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  font-size:clamp(38px,4.6vw,58px)!important;
  line-height:1.08!important;
}
.pro-hero h1,
.course-hero-detail h1,
.course-catalog-hero h1,
.public-strip h1,
.section-heading h2,
.section-title h2{
  max-width:860px;
  font-size:clamp(34px,4vw,54px)!important;
  line-height:1.08!important;
}
.ja-course-hero h1,
.jeem-auth-copy h1{
  font-size:clamp(36px,4.5vw,56px)!important;
  line-height:1.08!important;
}
@media(max-width:640px){
  .contact-hub-hero h1,
  .pro-hero h1,
  .course-hero-detail h1,
  .course-catalog-hero h1,
  .public-strip h1,
  .section-heading h2,
  .section-title h2,
  .ja-course-hero h1,
  .jeem-auth-copy h1{
    font-size:32px!important;
    line-height:1.12!important;
  }
}