@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap";
:root{--color-brand-primary:#1a4f7a;--color-brand-dark:#0d3252;--color-brand-hover:#0d3252;--color-brand-light:#e8f1fa;--color-brand-subtle:#f0f5fa;--color-brand-accent:#2c3e6b;--color-brand-accent-lt:#eaeeef;--color-gold:#c8973a;--color-gold-lt:#fdf4e3;--color-text-primary:#000000eb;--color-text-secondary:#615d59;--color-text-muted:#a39e98;--color-text-invert:#fff;--color-surface-page:#f7f6f4;--color-surface-white:#fff;--color-surface-dark:#0e1a28;--color-surface-dark2:#152538;--color-surface-card:#fff;--color-border:#00000014;--color-border-md:#0000001f;--color-border-brand:#1a4f7a4d;--color-success:#2a9d8f;--color-success-lt:#e6f7f5;--color-error:#c0392b;--color-error-lt:#fdecea;--color-warning:#e67e22;--color-warning-lt:#fef3e2;--shadow-xs:#0000000a 0px 1px 4px;--shadow-sm:#0000000a 0px 4px 18px, #00000007 0px 2px 7px, #00000005 0px .8px 3px;--shadow-md:#0000000f 0px 8px 28px, #0000000a 0px 3px 10px, #00000005 0px 1px 4px;--shadow-lg:#00000003 0px 1px 3px, #00000008 0px 4px 10px, #0000000d 0px 14px 28px;--shadow-brand:0 4px 24px #1a4f7a38;--shadow-brand-lg:0 8px 40px #1a4f7a47;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--font-arabic:"IBM Plex Sans Arabic", "IBM Plex Sans", -apple-system, sans-serif;--font-latin:"IBM Plex Sans", "IBM Plex Sans Arabic", -apple-system, sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--nav-height:68px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;font-size:16px;overflow-x:hidden}html[dir=rtl] body{font-family:var(--font-arabic);text-align:right}html[dir=ltr] body{font-family:var(--font-latin);text-align:left}body{background:var(--color-surface-page);color:var(--color-text-primary);width:100%;min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}.text-display{letter-spacing:-.03em;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1}.text-h1{letter-spacing:-.02em;font-size:clamp(1.6rem,4vw,2.8rem);font-weight:700;line-height:1.15}.text-h2{letter-spacing:-.015em;font-size:clamp(1.3rem,3vw,2rem);font-weight:700;line-height:1.2}.text-h3{letter-spacing:-.01em;font-size:1.25rem;font-weight:700;line-height:1.3}.text-h4{font-size:1.1rem;font-weight:600;line-height:1.4}.text-body-lg{font-size:1.05rem;font-weight:400;line-height:1.7}.text-body{font-size:.95rem;font-weight:400;line-height:1.65}.text-sm{font-size:.85rem;font-weight:400;line-height:1.55}.text-xs{font-size:.75rem;font-weight:500;line-height:1.5}.text-muted{color:var(--color-text-secondary)}.text-brand{color:var(--color-brand-primary)}.text-invert{color:var(--color-text-invert)}.container{width:100%;max-width:1200px;padding-inline:var(--space-6);margin-inline:auto}.section{padding-block:var(--space-16)}.section-sm{padding-block:var(--space-10)}.btn{align-items:center;gap:var(--space-2);padding:12px var(--space-6);border-radius:var(--radius-pill);transition:all .2s var(--ease-out);white-space:nowrap;cursor:pointer;border:none;font-family:inherit;font-size:.9375rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-brand-primary);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover{background:var(--color-brand-hover);box-shadow:var(--shadow-brand-lg);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface-white);color:var(--color-text-primary);border:1.5px solid var(--color-border-md);box-shadow:var(--shadow-xs)}.btn-secondary:hover{border-color:var(--color-brand-primary);color:var(--color-brand-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-ghost{color:var(--color-text-primary);padding:10px var(--space-4);background:0 0}.btn-ghost:hover{background:#0000000d}.btn-sm{padding:8px 18px;font-size:.875rem}.btn-lg{padding:14px 32px;font-size:1rem}.badge{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:600;line-height:1.2;display:inline-flex}.badge-green,.badge-blue{background:var(--color-brand-light);color:var(--color-brand-primary);border:1px solid #1a4f7a26}.badge-gold{background:var(--color-gold-lt);color:#8a6020;border:1px solid #c8973a33}.badge-success{background:var(--color-success-lt);color:var(--color-success);border:1px solid #2a9d8f33}.badge-error{background:var(--color-error-lt);color:var(--color-error);border:1px solid #c0392b33}.badge-warning{background:var(--color-warning-lt);color:var(--color-warning);border:1px solid #e67e2233}.badge-gray{color:var(--color-text-secondary);background:#eae9e6;border:1px solid #0000000f}.navbar{top:0;z-index:1000;height:var(--nav-height);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);background:#fffffff0;width:100%;transition:box-shadow .2s;position:fixed;inset-inline:0}.navbar.scrolled{box-shadow:var(--shadow-sm)}.navbar-inner{justify-content:space-between;align-items:center;gap:var(--space-4);height:100%;display:flex}.navbar-logo{align-items:center;gap:var(--space-2);color:var(--color-text-primary);flex-shrink:0;font-size:1.1rem;font-weight:700;display:flex}.navbar-logo-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.navbar-nav{align-items:center;gap:var(--space-1);flex:1;justify-content:center;display:flex}.navbar-nav a{border-radius:var(--radius-pill);color:var(--color-text-secondary);padding:6px 14px;font-size:.9rem;font-weight:500;transition:all .18s}.navbar-nav a:hover{color:var(--color-text-primary);background:#0000000d}.navbar-nav a.active{color:var(--color-brand-primary);background:var(--color-brand-subtle);font-weight:600}.navbar-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.lang-switcher{background:var(--color-surface-page);border:1px solid var(--color-border);border-radius:var(--radius-pill);align-items:center;gap:2px;padding:2px;display:flex}.lang-btn{border-radius:var(--radius-pill);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:4px 10px;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .18s}.lang-btn.active{background:var(--color-surface-white);color:var(--color-brand-primary);box-shadow:var(--shadow-xs)}.mobile-menu-btn{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.mobile-menu-btn span{background:var(--color-text-primary);border-radius:2px;width:22px;height:2px;display:block}.hero{background:var(--color-surface-dark);min-height:90vh;padding-top:var(--nav-height);align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{background:radial-gradient(ellipse 80% 60% at 60% 40%, #1a4f7a38 0%, transparent 60%), radial-gradient(ellipse 60% 80% at 20% 80%, #2c3e6b2e 0%, transparent 60%), var(--color-surface-dark);position:absolute;inset:0}.hero-pattern{opacity:.04;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='1'%3E%3Cpath d='M30 0l7.5 22.5L60 30l-22.5 7.5L30 60l-7.5-22.5L0 30l22.5-7.5z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-bg-img{inset-inline-end:0;top:var(--nav-height);object-fit:cover;opacity:.5;width:55%;position:absolute;bottom:0}.hero-content{z-index:3;padding-block:var(--space-12);position:relative}.hero-eyebrow{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);color:#60a5fa;margin-bottom:var(--space-5);background:#1a4f7a40;border:1px solid #60a5fa59;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-.03em;color:#fff;margin-bottom:var(--space-5);max-width:650px;font-size:clamp(2rem,5vw,3.8rem);font-weight:700;line-height:1.15}.hero-title .highlight{background:linear-gradient(135deg,#60a5fa,#3b82f6,#2563eb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc{color:#ffffffb8;max-width:520px;margin-bottom:var(--space-8);font-size:1.05rem;line-height:1.75}.hero-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.hero-stats{gap:var(--space-8);margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid #ffffff1a;flex-wrap:wrap;display:flex}.hero-stat-num{color:#fff;font-size:1.75rem;font-weight:700;line-height:1}.hero-stat-label{color:#ffffff8c;margin-top:4px;font-size:.82rem}.specialties-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.specialty-card{background:var(--color-surface-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;cursor:pointer;transition:all .22s var(--ease-out);box-shadow:var(--shadow-xs)}.specialty-card:hover{border-color:var(--color-brand-primary);box-shadow:var(--shadow-brand);transform:translateY(-4px)}.specialty-icon{border-radius:var(--radius-md);background:var(--color-brand-subtle);width:48px;height:48px;margin:0 auto var(--space-3);justify-content:center;align-items:center;transition:all .22s;display:flex}.specialty-card:hover .specialty-icon{background:var(--color-brand-light);transform:scale(1.08)}.lectures-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.lecture-card{background:var(--color-surface-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .25s var(--ease-out);box-shadow:var(--shadow-xs);overflow:hidden}.lecture-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-brand);transform:translateY(-3px)}.lecture-card-header{padding:var(--space-4);align-items:flex-start;gap:var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.lecture-file-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.lecture-file-icon.pdf{color:#dc2626;background:#fee2e2}.lecture-file-icon.ppt{color:#ea580c;background:#ffedd5}.lecture-file-icon.video{background:var(--color-brand-light);color:var(--color-brand-primary)}.lecture-card-body{padding:var(--space-4)}.lecture-card-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-surface-page);justify-content:space-between;align-items:center;display:flex}.stats-bar{background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.stat-item{background:var(--color-surface-white);padding:var(--space-5) var(--space-4);text-align:center}.stat-num{color:var(--color-brand-primary);font-size:1.75rem;font-weight:700;line-height:1}.stat-label{color:var(--color-text-secondary);margin-top:4px;font-size:.82rem}.qbank-promo-grid{gap:var(--space-12);grid-template-columns:1fr 1fr;align-items:center;display:grid}.qbank-mini-stats{gap:var(--space-8);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid #ffffff1a;flex-wrap:wrap;display:flex}.qbank-filter-sidebar{background:var(--color-surface-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-xs)}.filter-section{margin-bottom:var(--space-5)}.filter-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2);font-size:.8rem;font-weight:700}.filter-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-chip{border-radius:var(--radius-pill);background:var(--color-surface-page);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;padding:5px 12px;font-size:.82rem;font-weight:500;transition:all .15s}.filter-chip:hover,.filter-chip.active{background:var(--color-brand-light);border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.quiz-question-card{background:var(--color-surface-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);width:100%;max-width:760px;margin-inline:auto}.quiz-option{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;margin-bottom:var(--space-2);transition:all .18s;display:flex}.quiz-option:hover{border-color:var(--color-brand-primary);background:var(--color-brand-subtle)}.quiz-option.selected{border-color:var(--color-brand-primary);background:var(--color-brand-light)}.quiz-option.correct{border-color:var(--color-success);background:var(--color-success-lt)}.quiz-option.wrong{border-color:var(--color-error);background:var(--color-error-lt)}.option-letter{background:var(--color-surface-page);border:1.5px solid var(--color-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}.quiz-option.selected .option-letter{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:#fff}.detail-layout{gap:var(--space-8);grid-template-columns:1fr 320px;align-items:start;display:grid}.video-card{background:var(--color-surface-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);transition:all .25s var(--ease-out);overflow:hidden}.video-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.video-thumb{aspect-ratio:16/9;background:var(--color-surface-dark);position:relative;overflow:hidden}.video-thumb img{object-fit:cover;opacity:.85;width:100%;height:100%}.video-play-btn{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-play-circle{background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;box-shadow:0 4px 20px #0000004d}.video-card:hover .video-play-circle{background:#fff;transform:scale(1.12)}.video-duration{bottom:10px;color:#fff;background:#000000bf;border-radius:4px;padding:2px 7px;font-size:.72rem;font-weight:600;position:absolute;inset-inline-end:10px}.page-with-sidebar{gap:var(--space-8);grid-template-columns:260px 1fr;align-items:start;display:grid}.summary-card{gap:var(--space-4);background:var(--color-surface-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:all .22s var(--ease-out);box-shadow:var(--shadow-xs);cursor:pointer;display:flex}.summary-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-brand);transform:translateY(-2px)}.summary-accent-bar{background:var(--color-brand-primary);border-radius:2px;flex-shrink:0;width:4px;min-height:80px}.section-header{text-align:center;margin-bottom:var(--space-10)}.section-eyebrow{align-items:center;gap:var(--space-2);color:var(--color-brand-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3);font-size:.8rem;font-weight:700;display:inline-flex}.section-eyebrow:before,.section-eyebrow:after{content:"";background:var(--color-brand-primary);opacity:.5;width:20px;height:1px;display:block}.steps-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.step-card{text-align:center;padding:var(--space-6) var(--space-5);background:var(--color-surface-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}.step-num{background:var(--color-brand-primary);color:#fff;width:44px;height:44px;margin:0 auto var(--space-4);box-shadow:var(--shadow-brand);border-radius:50%;justify-content:center;align-items:center;font-size:1.05rem;font-weight:700;display:flex}.testimonials-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.testimonial-card{background:var(--color-surface-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-xs)}.testimonial-stars{color:var(--color-gold);margin-bottom:var(--space-3)}.testimonial-quote{color:var(--color-text-secondary);margin-bottom:var(--space-4);font-size:.95rem;line-height:1.7}.testimonial-author{align-items:center;gap:var(--space-3);display:flex}.author-avatar{background:var(--color-brand-light);width:38px;height:38px;color:var(--color-brand-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.footer{background:var(--color-surface-dark);color:#ffffffb3;padding-block:var(--space-12) var(--space-6)}.footer-grid{gap:var(--space-8);margin-bottom:var(--space-8);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand-name{color:#fff;margin-bottom:var(--space-3);font-size:1.1rem;font-weight:700}.footer-desc{color:#ffffff80;margin-bottom:var(--space-5);font-size:.88rem;line-height:1.7}.footer-heading{text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin-bottom:var(--space-4);font-size:.8rem;font-weight:700}.footer-links{gap:var(--space-2);flex-direction:column;display:flex}.footer-links a{color:#fff9;font-size:.88rem;transition:color .15s}.footer-links a:hover{color:#fff}.footer-bottom{padding-top:var(--space-6);color:#fff6;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.progress-bar{background:var(--color-border);border-radius:var(--radius-pill);height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--color-brand-primary), #60a5fa);border-radius:var(--radius-pill);height:100%;transition:width .4s var(--ease-out)}.page-header{background:var(--color-surface-dark);padding-block:var(--space-10);padding-top:calc(var(--nav-height) + var(--space-8));position:relative;overflow:hidden}.page-header:before{content:"";background:radial-gradient(60% 80% at 50% 100%,#1a4f7a33 0%,#0000 60%);position:absolute;inset:0}.page-header-inner{z-index:1;position:relative}.search-box{align-items:center;gap:var(--space-3);background:var(--color-surface-white);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);width:100%;padding:10px 20px;transition:all .2s;display:flex}.search-box:focus-within{border-color:var(--color-brand-primary);box-shadow:var(--shadow-brand)}.search-box input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;width:100%;font-family:inherit;font-size:.95rem}.search-box input::placeholder{color:var(--color-text-muted)}@media (max-width:1024px){.page-with-sidebar,.detail-layout{gap:var(--space-6);grid-template-columns:1fr}.qbank-promo-grid{gap:var(--space-8);grid-template-columns:1fr}.footer-grid{gap:var(--space-8);grid-template-columns:1fr 1fr}.steps-grid{grid-template-columns:1fr}.testimonials-grid{gap:var(--space-4);grid-template-columns:1fr}.stats-bar{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{padding-inline:var(--space-4)}.navbar-inner{padding-inline:0}.navbar-nav{display:none}.mobile-menu-btn{display:flex}.desktop-signup{display:none!important}.hero{min-height:auto;padding-block:calc(var(--nav-height) + var(--space-8)) var(--space-12)}.hero-bg-img{opacity:.25;width:100%}.hero-title{font-size:clamp(1.75rem,6vw,2.5rem)}.hero-desc{font-size:.95rem}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{justify-content:center;width:100%}.hero-stats{gap:var(--space-4);margin-top:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.specialties-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.lectures-grid{grid-template-columns:1fr}.footer-grid{gap:var(--space-6);grid-template-columns:1fr}.footer-bottom{gap:var(--space-2);text-align:center;flex-direction:column}.summary-card{gap:var(--space-2);flex-direction:column}.summary-accent-bar{width:100%;height:4px;min-height:4px}.qbank-mini-stats{gap:var(--space-4)}.quiz-question-card{padding:var(--space-4)}.section{padding-block:var(--space-10)}.section-sm{padding-block:var(--space-6)}}@media (max-width:480px){.hero-stats,.stats-bar{grid-template-columns:1fr}.specialties-grid{grid-template-columns:repeat(2,1fr)}.filter-chips{gap:6px}.filter-chip{padding:4px 10px;font-size:.78rem}}