:root{
 --bg:#f7f8fc;--surface:#fff;--surface-2:#f0f3ff;--ink:#172033;--muted:#667085;--line:#e5e9f2;
 --primary:#3857f6;--primary-dark:#2844d7;--primary-soft:#edf0ff;--accent:#12a594;--danger:#dc3545;
 --shadow:0 16px 44px rgba(31,42,68,.08);--shadow-sm:0 8px 24px rgba(31,42,68,.06);--radius:18px;--radius-lg:28px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:"Tajawal",sans-serif;line-height:1.7}a{color:inherit}h1,h2,h3,h4,.brand strong,.page-head h1,.page-head h2{font-family:"Alexandria",sans-serif;letter-spacing:-.035em}.shell{min-height:100vh}.public-container{width:min(1160px,calc(100% - 40px));margin-inline:auto}
.topbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(229,233,242,.9);backdrop-filter:blur(16px);box-shadow:none}.topbar-inner{min-height:74px;width:min(1240px,calc(100% - 34px));margin:auto;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand img{width:43px!important;height:43px!important;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:13px;padding:4px}.brand strong{display:block;font-size:15px;color:var(--ink)}.brand small{display:block;font-size:11px;color:var(--muted)}.public-main-nav{display:flex;align-items:center;gap:5px;margin-inline:auto}.public-main-nav>a,.nav-more>summary{padding:9px 12px;border-radius:10px;color:#475467;font-weight:700;font-size:14px}.public-main-nav>a:hover,.public-main-nav>a.active,.nav-more>summary:hover{background:var(--primary-soft);color:var(--primary)}.nav-more div{border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:14px;background:#fff}.top-actions{display:flex;gap:9px;align-items:center}.btn{min-height:42px;border-radius:12px;padding:10px 17px;font-weight:800;border:1px solid transparent;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:.2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary,.btn-gold{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.btn-primary:hover,.btn-gold:hover{background:var(--primary-dark)!important}.btn-light,.btn-secondary-nav,.btn-public-outline{background:#fff!important;color:var(--ink)!important;border-color:var(--line)!important}.btn-danger{background:#fff!important;color:var(--danger)!important;border-color:#ffd8dd!important}.btn-whatsapp{background:#12a594!important;color:#fff!important}.btn-lg{min-height:50px;padding:13px 22px}.w-100{width:100%}.input,.select,textarea{border:1px solid var(--line)!important;border-radius:12px!important;background:#fff!important;min-height:46px;padding:10px 13px;color:var(--ink)}.input:focus,.select:focus,textarea:focus{border-color:#aab7ff!important;box-shadow:0 0 0 4px var(--primary-soft)!important;outline:none}.field label{font-weight:800;color:#344054}
.v7-hero{padding:76px 0 58px;background:radial-gradient(circle at 12% 18%,rgba(56,87,246,.10),transparent 30%),linear-gradient(180deg,#fff 0%,#f7f8fc 100%);overflow:hidden}.v7-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:68px}.v7-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);background:var(--primary-soft);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800;margin-bottom:15px}.v7-hero-copy h1{font-size:clamp(37px,5vw,64px);line-height:1.23;margin:0 0 18px;max-width:680px}.v7-hero-copy>p{font-size:19px;color:var(--muted);max-width:650px;margin:0 0 27px}.v7-hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.v7-text-link{color:var(--primary);font-weight:800;text-decoration:none}.v7-text-link:hover{text-decoration:underline}.v7-hero-note{margin-top:22px;color:#475467;font-weight:700;font-size:14px}.v7-hero-note span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#dff8f3;color:var(--accent);margin-left:7px}.v7-learning-preview{background:#fff;border:1px solid var(--line);border-radius:30px;padding:25px;box-shadow:0 28px 70px rgba(48,59,92,.14);position:relative}.v7-learning-preview:before{content:"";position:absolute;width:140px;height:140px;border-radius:32px;background:var(--primary);opacity:.08;left:-48px;bottom:-48px;transform:rotate(18deg);z-index:-1}.v7-preview-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid var(--line)}.v7-preview-top small,.v7-preview-course small{display:block;color:var(--muted);font-size:12px}.v7-preview-top strong{display:block;font-size:18px}.v7-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--primary);color:#fff;font-weight:900}.v7-preview-progress{margin:21px 0;background:var(--surface-2);border-radius:18px;padding:16px}.v7-preview-progress>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.v7-preview-progress span{font-size:13px;color:#475467}.v7-preview-progress strong{color:var(--primary)}.v7-progress{height:8px;border-radius:999px;background:#dce2ff;overflow:hidden}.v7-progress i{display:block;height:100%;border-radius:inherit;background:var(--primary)}.v7-preview-course{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:14px}.v7-preview-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#dcf8f3;color:var(--accent)}.v7-preview-course strong{display:block}.v7-preview-course span{font-size:12px;color:var(--muted)}.v7-preview-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}.v7-preview-row div{text-align:center;border-radius:14px;background:#fafbff;padding:12px 7px}.v7-preview-row b{display:block;font-size:19px}.v7-preview-row span{font-size:11px;color:var(--muted)}
.v7-trust{background:#fff;border-block:1px solid var(--line)}.v7-trust>.public-container{display:grid;grid-template-columns:repeat(4,1fr);min-height:78px}.v7-trust div div{display:flex;align-items:center;justify-content:center;gap:9px;color:#475467;font-weight:800;border-left:1px solid var(--line)}.v7-trust div div:last-child{border-left:0}.v7-trust span{color:var(--primary)}
.v7-section{padding:82px 0}.v7-section-soft{background:#f0f3ff}.v7-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.v7-section-head.centered{justify-content:center;text-align:center}.v7-section-head h2{font-size:clamp(27px,3vw,40px);margin:0 0 7px}.v7-section-head p{color:var(--muted);margin:0;max-width:650px}.v7-course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.v7-course-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:var(--shadow-sm);transition:.22s ease}.v7-course-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.v7-course-cover{aspect-ratio:16/10;background:#e9edff;overflow:hidden;display:block}.v7-course-cover img{width:100%;height:100%;object-fit:cover}.v7-cover-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:linear-gradient(145deg,#eef1ff,#dce3ff);padding:28px;text-align:center}.v7-cover-fallback img{width:68px;height:68px;object-fit:contain}.v7-cover-fallback span{font-weight:900;color:#24335a}.v7-course-content{padding:20px;display:flex;flex-direction:column;flex:1}.v7-course-tags{display:flex;gap:7px;flex-wrap:wrap}.v7-course-tags span{background:#f2f4f7;color:#475467;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800}.v7-course-content h3{font-size:19px;line-height:1.5;margin:13px 0 8px}.v7-course-content p{color:var(--muted);font-size:14px;margin:0 0 18px}.v7-course-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:end;gap:14px}.v7-course-footer>a{color:var(--primary);font-weight:800;text-decoration:none}.v7-price del{display:block;color:#98a2b3;font-size:12px}.v7-price strong{font-size:18px}.v7-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.v7-steps article{background:#fff;border:1px solid #dfe4ff;border-radius:20px;padding:22px}.v7-steps article>span{font:800 13px Alexandria;color:var(--primary)}.v7-steps h3{font-size:17px;margin:25px 0 8px}.v7-steps p{font-size:14px;color:var(--muted);margin:0}.v7-about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.v7-about-visual{aspect-ratio:4/4.3;border-radius:30px;overflow:hidden;background:var(--primary-soft)}.v7-about-visual>img{width:100%;height:100%;object-fit:cover}.v7-founder-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.v7-founder-placeholder img{width:130px;height:130px;object-fit:contain}.v7-founder-placeholder span{font:800 19px Alexandria}.v7-about-grid h2{font-size:clamp(28px,3vw,42px);margin:0 0 15px}.v7-about-grid p{color:var(--muted);font-size:17px}.v7-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.v7-mini-stats div{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}.v7-mini-stats strong{display:block;font-size:21px}.v7-mini-stats span{font-size:12px;color:var(--muted)}.v7-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.v7-testimonials article{background:#fff;border:1px solid #dfe4ff;border-radius:20px;padding:23px}.v7-testimonials p{font-size:16px;min-height:102px}.v7-testimonials strong,.v7-testimonials span{display:block}.v7-testimonials span{font-size:12px;color:var(--muted)}.v7-final{padding:50px 0 70px}.v7-final>.public-container{background:var(--ink);color:#fff;border-radius:28px;padding:38px 42px;display:flex;justify-content:space-between;align-items:center;gap:30px}.v7-final .v7-eyebrow{background:rgba(255,255,255,.1);color:#dfe4ff}.v7-final h2{font-size:32px;margin:0 0 6px}.v7-final p{margin:0;color:#c9d1df}.v7-final>div>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.v7-final .btn-light{background:#fff!important}
.public-page-hero{padding:60px 0 35px;background:#fff;border-bottom:1px solid var(--line)}.public-page-hero h1{font-size:clamp(32px,4vw,52px);margin:5px 0}.public-page-hero p{color:var(--muted)}.public-section{padding:65px 0}.public-section-alt{background:var(--surface-2)}.public-kicker{color:var(--primary)!important;background:var(--primary-soft)!important;border-radius:999px;padding:6px 11px;font-weight:800}.public-course-filters{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;box-shadow:var(--shadow-sm)}.public-course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.public-course-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-sm);overflow:hidden}.public-course-cover{aspect-ratio:16/10}.public-course-cover img{width:100%;height:100%;object-fit:cover}.public-course-body{padding:20px}.public-course-body h2,.public-course-body h3{font-size:19px}.public-course-badges span{background:#f2f4f7!important;color:#475467!important;border:0!important}.public-course-price{border-top:1px solid var(--line);padding-top:15px}.course-detail-hero{padding:62px 0;background:#fff}.course-detail-hero-grid{gap:48px}.course-hero-cover,.course-content-section,.course-enroll-card,.landing-info-card,.public-module{border-color:var(--line)!important;border-radius:22px!important;box-shadow:var(--shadow-sm)!important;background:#fff!important}.landing-trust-strip{background:var(--primary-soft)!important;border-color:#dfe4ff!important}.course-sales-layout{gap:28px}.course-enroll-card{top:95px}.course-check-list li:before{background:var(--primary)!important}.public-module summary{border-radius:16px}.course-inline-cta{background:var(--ink)!important;color:#fff!important}
.public-footer{background:#111827!important;color:#d1d5db!important;border-top:0!important}.footer-grid{padding-top:55px!important}.public-footer .brand strong,.public-footer h3{color:#fff!important}.public-footer a{color:#d1d5db!important}.footer-bottom{border-color:#303846!important}
.app{display:grid;grid-template-columns:245px 1fr;min-height:calc(100vh - 74px)}.sidebar{background:#111827!important;border-left:0!important;padding:22px 14px;position:sticky;top:74px;height:calc(100vh - 74px);overflow:auto}.side-title{color:#9ca3af!important;padding:7px 12px 15px;font-size:12px;font-weight:800}.nav{display:flex;flex-direction:column;gap:5px}.nav a{color:#d1d5db!important;border-radius:11px!important;padding:11px 12px!important;font-weight:700}.nav a:hover,.nav a.active{background:#25304a!important;color:#fff!important}.nav a span{opacity:.9}.content{padding:32px;max-width:1500px;width:100%;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:23px}.page-head h1{font-size:30px;margin:0 0 4px}.page-head p{margin:0;color:var(--muted)}.page-head.compact h2{font-size:23px}.card{background:#fff!important;border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:var(--shadow-sm)!important;padding:20px}.grid{gap:18px}.stat{position:relative;overflow:hidden}.stat i{background:var(--primary-soft)!important;color:var(--primary)!important;border-radius:13px!important}.stat strong{font-size:28px!important;color:var(--ink)!important}.stat span{color:var(--muted)!important}.table-wrap{border:1px solid var(--line);border-radius:14px;overflow:auto}.table{border-collapse:collapse;width:100%;background:#fff}.table th{background:#f8f9fc;color:#475467;font-size:12px}.table th,.table td{padding:13px;border-bottom:1px solid var(--line);text-align:right}.badge{border-radius:999px!important;padding:5px 9px!important;font-weight:800}.badge-success{background:#ddf8ef!important;color:#087c62!important}.badge-warning{background:#fff2d6!important;color:#9a6700!important}.badge-danger{background:#ffe2e5!important;color:#b42318!important}.course-card{padding:0!important;overflow:hidden}.course-card .course-cover{aspect-ratio:16/9;background:var(--primary-soft)}.course-card .course-body{padding:18px}.progress{height:8px!important;background:#e9edff!important;border-radius:999px!important}.progress span{background:var(--primary)!important}.access-expiry{border-radius:10px!important;background:#f8f9fc!important}.announcement{border-right:3px solid var(--primary)!important}.empty,.dashboard-empty,.public-empty{border:1px dashed #cfd5e2!important;border-radius:16px!important;background:#fff!important;color:var(--muted)!important;padding:28px;text-align:center}
.login-page{min-height:calc(100vh - 74px);display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-visual{background:linear-gradient(145deg,#1f2b54,#3857f6)!important;padding:60px!important}.login-card{border:1px solid var(--line)!important;border-radius:24px!important;box-shadow:var(--shadow)!important;padding:30px!important}.login-box{background:var(--bg)!important}.login-logo{background:#fff;border-radius:22px;padding:10px}
.whatsapp-float{background:var(--accent)!important;border-radius:999px!important;box-shadow:0 12px 34px rgba(18,165,148,.28)!important}.mobile-conversion-bar a:first-child{background:var(--primary)!important}.mobile-conversion-bar a:last-child{background:var(--accent)!important}
@media(max-width:1000px){.v7-hero-grid,.v7-about-grid{grid-template-columns:1fr;gap:38px}.v7-learning-preview{max-width:650px}.v7-course-grid,.public-course-grid,.v7-testimonials{grid-template-columns:repeat(2,1fr)}.v7-steps{grid-template-columns:repeat(2,1fr)}.v7-trust>.public-container{grid-template-columns:repeat(2,1fr)}.v7-trust div div:nth-child(2){border-left:0}.v7-trust div div{min-height:64px;border-bottom:1px solid var(--line)}.public-course-filters{grid-template-columns:1fr 1fr}.app{grid-template-columns:1fr}.sidebar{display:none}.content{padding:22px}.mobile-nav{background:#111827!important}.login-page{grid-template-columns:1fr}.login-visual{display:none!important}}
@media(max-width:700px){.public-container{width:min(100% - 26px,1160px)}.topbar-inner{width:calc(100% - 20px);min-height:66px}.brand img{width:38px!important;height:38px!important}.brand strong{font-size:13px}.brand small{display:none}.top-actions .btn{padding:8px 11px;min-height:38px;font-size:12px}.v7-hero{padding:47px 0 38px}.v7-hero-copy h1{font-size:35px}.v7-hero-copy>p{font-size:16px}.v7-learning-preview{padding:17px;border-radius:22px}.v7-preview-row{grid-template-columns:1fr}.v7-trust>.public-container{grid-template-columns:1fr}.v7-trust div div{border-left:0}.v7-section{padding:55px 0}.v7-section-head{align-items:flex-start;flex-direction:column}.v7-course-grid,.public-course-grid,.v7-testimonials,.v7-steps,.v7-mini-stats{grid-template-columns:1fr}.v7-final>.public-container{padding:27px;display:block}.v7-final>div>div:last-child{margin-top:20px}.v7-final h2{font-size:25px}.public-course-filters{grid-template-columns:1fr}.public-page-hero{padding:40px 0 25px}.content{padding:16px}.page-head{flex-direction:column}.page-head .actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.card{padding:16px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr!important}.login-box{padding:20px!important}.login-card{padding:22px!important}.whatsapp-float{bottom:76px!important;font-size:0!important;width:48px;height:48px;padding:0!important}.whatsapp-float span{font-size:22px!important}}