:root{--color-bg: #fafafa;--color-surface: #ffffff;--color-text: #0c0c0e;--color-text-muted: #52525b;--color-border: #e4e4e7;--color-brand: #f5d742;--color-brand-hover: #eab308;--color-brand-text: #0c0c0e;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "DM Sans", var(--font-sans);--font-arabic: "Noto Naskh Arabic", "Inter", serif;--font-arabic-display: "Noto Sans Arabic", var(--font-arabic);--radius: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 2px rgba(12, 12, 14, .04);--shadow-md: 0 4px 24px rgba(12, 12, 14, .06);--max-width: 1080px;--header-height: 64px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}html[dir=rtl] body{font-family:var(--font-arabic)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3{margin:0;line-height:1.2;font-weight:600;letter-spacing:-.02em}p{margin:0}ul{margin:0;padding:0;list-style:none}button,input,textarea{font:inherit}.layout{min-height:100vh;display:flex;flex-direction:column}.layout-main{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:2rem 1.5rem 4rem}.header{position:sticky;top:0;z-index:100;height:var(--header-height);background:#fafafae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;height:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.header-logo{display:flex;align-items:center;flex-shrink:0}.header-logo-img{display:block;height:48px;width:auto;max-width:none}.footer-logo-img{display:block;height:44px;width:auto;max-width:none;margin-bottom:.75rem}.header-nav{display:flex;align-items:center;gap:.25rem}.header-nav a{padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.9375rem;color:var(--color-text-muted);transition:color .15s,background .15s}.header-nav a:hover,.header-nav a.active{color:var(--color-text);background:#0c0c0e0a}.header-actions{display:flex;align-items:center;gap:.5rem}.locale-switcher{display:flex;gap:.25rem}.locale-switcher button{padding:.35rem .6rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);font-size:.8125rem;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s}.locale-switcher button:hover{border-color:var(--color-text-muted);color:var(--color-text)}.locale-switcher button.active{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-brand-text)}.header-menu-btn{display:none;padding:.5rem;border:none;background:none;cursor:pointer;color:var(--color-text)}@media(max-width:768px){.header-nav{display:none;position:absolute;top:var(--header-height);left:0;right:0;flex-direction:column;padding:1rem 1.5rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md)}.header-nav.open{display:flex}.header-nav a{width:100%;padding:.75rem}.header-menu-btn{display:block}}.footer{border-top:1px solid var(--color-border);background:var(--color-surface);padding:2.5rem 1.5rem}.footer-inner{max-width:var(--max-width);margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem}.footer-brand p{margin-top:.5rem;color:var(--color-text-muted);font-size:.9375rem;max-width:28ch}.footer-links{display:flex;gap:1.5rem}.footer-links a{font-size:.9375rem;color:var(--color-text-muted);transition:color .15s}.footer-links a:hover{color:var(--color-text)}.footer-copy{width:100%;margin-top:1rem;padding-top:1.5rem;border-top:1px solid var(--color-border);font-size:.8125rem;color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:500;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-brand);color:var(--color-brand-text)}.btn-primary:hover{background:var(--color-brand-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{border-color:var(--color-text-muted)}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover{color:var(--color-text);background:#0c0c0e0a}.section{margin-bottom:4rem}.section-heading{margin-bottom:2rem}.section-heading h2{font-size:1.75rem;margin-bottom:.5rem}.section-heading p{color:var(--color-text-muted);font-size:1.0625rem}.hero{text-align:center;padding:1rem 0 4rem;max-width:640px;margin:0 auto}.hero-headline{display:flex;flex-direction:column;align-items:center}.hero-animation{position:relative;z-index:2;width:min(100%,400px);margin:0 auto -7.75rem;line-height:0;pointer-events:none}.hero-animation>div{margin:0}.hero-animation-skeleton{aspect-ratio:1;margin-bottom:0}.hero-headline h1{font-family:var(--font-display);font-size:clamp(2.75rem,8.5vw,4.25rem);font-weight:900;line-height:1.08;margin:0 0 1rem;position:relative;z-index:0;letter-spacing:-.035em}html[dir=rtl] .hero-headline h1{font-family:var(--font-arabic-display);font-weight:900;letter-spacing:0}@media(max-width:768px){.hero-animation{margin-bottom:-5.2rem}}.hero-lead{font-size:1.125rem;color:var(--color-text-muted);margin-bottom:2rem;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.feature-card{padding:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.feature-card h3{font-size:1.0625rem;margin-bottom:.5rem}.feature-card p{font-size:.9375rem;color:var(--color-text-muted)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow .2s,border-color .2s}.card:hover{box-shadow:var(--shadow-md);border-color:#f5d74280}.card h3{font-size:1.0625rem;margin-bottom:.5rem}.card p{font-size:.9375rem;color:var(--color-text-muted);flex:1;margin-bottom:1rem}.card-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.badge{display:inline-block;padding:.2rem .6rem;font-size:.75rem;font-weight:500;border-radius:999px;background:#0c0c0e0f;color:var(--color-text-muted)}.badge-brand{background:#f5d74259;color:var(--color-brand-text)}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.filter-chip{padding:.4rem .9rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);font-size:.875rem;color:var(--color-text-muted);cursor:pointer;transition:all .15s}.filter-chip:hover{border-color:var(--color-text-muted);color:var(--color-text)}.filter-chip.active{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-brand-text)}.cta-band{text-align:center;padding:3rem 2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.cta-band h2{font-size:1.5rem;margin-bottom:.5rem}.cta-band p{color:var(--color-text-muted);margin-bottom:1.5rem}.course-detail-header{margin-bottom:2.5rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-muted);margin-bottom:1rem}.breadcrumb a:hover{color:var(--color-text)}.course-detail-header h1{font-size:clamp(1.75rem,4vw,2.25rem);margin-bottom:.75rem}.course-detail-lead{font-size:1.0625rem;color:var(--color-text-muted);max-width:60ch;margin-bottom:1.25rem}.course-detail-meta{display:flex;flex-wrap:wrap;gap:1.5rem;font-size:.9375rem}.course-detail-meta dt{font-weight:500;color:var(--color-text-muted);font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}.syllabus-list{margin-top:1rem}.syllabus-list li{position:relative;padding:.6rem 0 .6rem 1.5rem;border-bottom:1px solid var(--color-border);font-size:.9375rem}html[dir=rtl] .syllabus-list li{padding:.6rem 1.5rem .6rem 0}.syllabus-list li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--color-brand)}html[dir=rtl] .syllabus-list li:before{left:auto;right:0}.course-detail-cta{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--color-border)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-bottom:2.5rem}.pricing-card{display:flex;flex-direction:column;padding:2rem 1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.pricing-card.highlighted{border-color:var(--color-brand);box-shadow:var(--shadow-md)}.pricing-card h3{font-size:1.125rem;margin-bottom:.25rem}.pricing-price{font-size:2rem;font-weight:700;margin:.75rem 0 .25rem}.pricing-period{font-size:.875rem;color:var(--color-text-muted);margin-bottom:1rem}.pricing-card>p{font-size:.9375rem;color:var(--color-text-muted);margin-bottom:1.25rem}.pricing-features{flex:1;margin-bottom:1.5rem}.pricing-features li{position:relative;padding:.4rem 0 .4rem 1.25rem;font-size:.875rem;color:var(--color-text-muted)}html[dir=rtl] .pricing-features li{padding:.4rem 1.25rem .4rem 0}.pricing-features li:before{content:"✓";position:absolute;left:0;color:var(--color-brand-text);font-weight:600}html[dir=rtl] .pricing-features li:before{left:auto;right:0}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:start}@media(max-width:768px){.contact-grid{grid-template-columns:1fr;gap:2rem}}.contact-info a{color:var(--color-text);font-weight:500}.contact-info a:hover{text-decoration:underline}.contact-info-item{margin-bottom:1.5rem}.contact-info-item dt{font-size:.8125rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-field label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.35rem}.form-field input,.form-field textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);transition:border-color .15s}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--color-brand)}.form-field textarea{min-height:120px;resize:vertical}.form-error{font-size:.8125rem;color:#dc2626;margin-top:.25rem}.form-success{padding:1rem;background:#f5d74233;border-radius:var(--radius-sm);font-size:.9375rem}.page-header{margin-bottom:2.5rem}.page-header h1{font-size:clamp(1.75rem,4vw,2.25rem);margin-bottom:.5rem}.page-header p{color:var(--color-text-muted);font-size:1.0625rem}.not-found{text-align:center;padding:4rem 1rem}.not-found h1{font-size:1.5rem;margin-bottom:.5rem}.not-found p{color:var(--color-text-muted);margin-bottom:1.5rem}.admin-hero{margin-bottom:2rem;padding:2rem 0;text-align:center}.admin-hero-main{display:flex;flex-direction:column;align-items:center;gap:0}.admin-hero-block{display:flex;flex-direction:column;align-items:center;gap:.35rem}.admin-hero-block--primary{align-items:center;gap:.35rem}.admin-hero-cad-anchor{display:inline-flex;flex-direction:column;align-items:flex-end;gap:.25rem;margin-top:.15rem}.admin-hero-cad-anchor .admin-hero-amount{align-self:center}.admin-hero-cad-anchor .admin-hero-dzd{margin-top:0}.admin-hero-block--secondary{margin-top:1.5rem}.admin-revenue-chart{width:min(100%,36rem);margin-top:1.75rem}.admin-revenue-chart-title{margin:0 0 .75rem;font-size:.8125rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;text-align:center}.admin-revenue-chart-canvas{height:220px}.admin-hero-block--secondary .admin-hero-label{font-size:.75rem}.admin-hero-label{font-size:.8125rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.admin-hero-amount{font-family:var(--font-display);font-size:clamp(2.5rem,10vw,4rem);font-weight:900;line-height:1.05;letter-spacing:-.03em;color:#fff}.admin-hero-amount--secondary{font-size:clamp(1.125rem,4.5vw,1.5rem);font-weight:800}.admin-hero-dzd{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;text-align:end;flex-shrink:0}.admin-hero-dzd .admin-hero-label{font-size:.6875rem}.admin-hero-amount--dzd{font-size:clamp(1rem,4vw,1.375rem);font-weight:800;color:#fff;line-height:1.1}.admin-hero-rate{font-size:.6875rem;color:var(--color-text-muted)}.admin-hero-block--secondary .admin-hero-tag{margin-top:.5rem;padding:.3rem .75rem;font-size:.8125rem}.admin-hero-tag{display:inline-block;margin-top:.75rem;padding:.35rem .85rem;border-radius:999px;background:#ffffff14;border:1px solid var(--color-border);font-size:.875rem;color:var(--color-text-muted)}.admin-hero-sync{display:block;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--color-border);font-size:.8125rem;color:var(--color-text-muted)}.admin-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);margin-bottom:1.5rem}.admin-table{width:100%;border-collapse:collapse;font-size:.9375rem}.admin-table th,.admin-table td{padding:.75rem 1rem;text-align:start;border-bottom:1px solid var(--color-border)}.admin-table th{font-size:.8125rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;background:#0c0c0e05}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table-row--withdrawn td{opacity:.45}.admin-sender-td{vertical-align:middle}.admin-withdrawn-tag{display:inline-block;margin-top:.25rem;padding:.15rem .5rem;border-radius:999px;background:#ffffff0f;font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.admin-amount-cell.is-withdrawn .admin-income-icon{color:var(--color-text-muted)}.admin-amount-cell.is-withdrawn .admin-amount-value{text-decoration:line-through}.admin-amount-cell{display:flex;flex-direction:column;gap:.2rem;align-items:flex-end}.admin-amount-row{display:inline-flex;align-items:center;gap:.5rem}.admin-income-icon{width:1rem;height:1rem;color:#4ade80;flex-shrink:0}.admin-amount-value{font-weight:600}.admin-amount-date{font-size:.8125rem;color:var(--color-text-muted)}.admin-amount-date-mobile{display:none}@media(max-width:768px){.admin-amount-date-mobile{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.admin-amount-date--desktop{display:none}.admin-amount-time{font-size:.6875rem;color:var(--color-text-muted);line-height:1.2}}.admin-sender-total-cell{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.admin-sender-total-payments{font-size:.75rem;color:var(--color-text-muted)}.admin-sender-total-payments strong{font-weight:600;color:var(--color-text)}.admin-sender-payments{list-style:none;margin:0;padding:.5rem 0 0;width:100%;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.5rem}.admin-sender-payments li{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;font-size:.8125rem}.admin-sender-payment-amount{color:var(--color-text)}.admin-sender-payment-date{color:var(--color-text-muted);text-align:right}@media(max-width:768px){.admin-sender-payment-date .admin-amount-date-mobile{align-items:flex-end}}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:1rem}.admin-empty{padding:3rem 1rem;text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius)}.admin-empty h2{font-size:1.125rem;margin-bottom:.5rem}.admin-empty p{color:var(--color-text-muted)}.admin-error{margin-bottom:1rem}.admin-login{max-width:28rem;margin:3rem auto;padding:2rem;text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.admin-login h1{margin-bottom:.75rem}.admin-login p{margin-bottom:1.5rem;color:var(--color-text-muted)}.admin-login-btn{width:100%}.admin-login-loading{padding:4rem}.header-auth{display:flex;align-items:center}.header-user-menu{position:relative}.header-user-menu-trigger{display:inline-flex;align-items:center;gap:.5rem;min-width:0;padding:.25rem .5rem .25rem .25rem;border:1px solid transparent;border-radius:999px;background:transparent;color:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease}.header-user-menu-trigger:hover,.header-user-menu-trigger[aria-expanded=true]{background:var(--color-surface);border-color:var(--color-border)}.header-auth-profile{display:flex;align-items:center;gap:.5rem;min-width:0}.header-auth-avatar{width:2rem;height:2rem;border-radius:50%;object-fit:cover;flex-shrink:0}.header-auth-avatar--fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--color-border);font-size:.875rem;font-weight:600;color:var(--color-text)}.header-auth-name{max-width:5.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:500;color:var(--color-text)}.header-user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;z-index:120;min-width:12rem;max-width:18rem;padding:.5rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:0 10px 30px #0000001f}.header-user-menu-email{margin:0;padding:.5rem .75rem;font-size:.8125rem;line-height:1.4;color:var(--color-text-muted);word-break:break-word}.header-user-menu-item{display:block;width:100%;padding:.5rem .75rem;border:none;border-radius:calc(var(--radius) - 2px);background:transparent;color:var(--color-text);font:inherit;font-size:.875rem;text-align:left;cursor:pointer}.header-user-menu-item:hover{background:var(--color-bg)}.header-auth-btn{padding:.35rem .75rem;font-size:.8125rem}@media(min-width:900px){.header-auth-name{max-width:10rem}}.loading{display:flex;align-items:center;justify-content:center;padding:4rem;color:var(--color-text-muted)}.layout--admin-dark{--color-bg: #09090b;--color-surface: #18181b;--color-text: #fafafa;--color-text-muted: #a1a1aa;--color-border: #27272a;background:var(--color-bg);color:var(--color-text)}.layout--admin-dark .header{background:#09090beb;border-bottom-color:var(--color-border)}.layout--admin-dark .header-nav a:hover,.layout--admin-dark .header-nav a.active{background:#ffffff0f}.layout--admin-dark .locale-switcher button{background:var(--color-surface)}.layout--admin-dark .locale-switcher button.active{background:#f5d74226}.layout--admin-dark .header-menu-btn{color:var(--color-text)}.layout--admin-dark .admin-table th{background:#ffffff0a}.layout--admin-dark .admin-table tbody tr:hover td,.layout--admin-dark .admin-empty{background:#ffffff05}.layout--admin-dark .btn-secondary:hover,.layout--admin-dark .filter-chip:hover{background:#27272a}.layout--admin-dark .form-error{color:#f87171}