@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800&family=Fira+Code:wght@400;500;600&display=swap";@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}:root{--navy-dark:#061527;--navy-base:#0b2545;--navy-surface:#11325c;--navy-light:#1a4275;--gold-primary:#ad8a2c;--gold-light:#e3b341;--gold-glow:#e3b34140;--teal-accent:#00a3bf;--emerald-green:#10b981;--ruby-red:#ef4444;--purple-accent:#8b5cf6;--bg-primary:#061527;--bg-secondary:#0b2545;--bg-card:#11325ca6;--bg-card-hover:#1a4275bf;--border-color:#e3b34133;--border-subtle:#ffffff1a;--text-main:#fff;--text-muted:#94a3b8;--text-gold:#e3b341;--font-ar:"Cairo", sans-serif;--font-en:"Inter", sans-serif;--font-code:"Fira Code", monospace;--shadow-sm:0 4px 12px #00000040;--shadow-md:0 10px 30px #00000059;--shadow-gold:0 8px 32px #ad8a2c4d;--glass-bg:#0b2545bf;--glass-border:1px solid #ffffff1f}[data-theme=light]{--bg-primary:#f3f5f8;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f8fafc;--border-color:#ad8a2c4d;--border-subtle:#e2e8f0;--text-main:#0b2545;--text-muted:#475569;--text-gold:#876c22;--glass-bg:#ffffffe6;--glass-border:1px solid #0b25451f;--shadow-sm:0 4px 12px #0b254514;--shadow-md:0 12px 36px #0b25451f}*{box-sizing:border-box;margin:0;padding:0}[data-focus-mode=true]{filter:brightness(.82)contrast(1.02)}[data-high-contrast=true]{--text-main:#fff;--text-muted:#e2e8f0;--border-subtle:#fff;--border-color:#ffd866;--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-card:#000;--bg-card-hover:#141414;--gold-light:#ffd866}[data-theme=light][data-high-contrast=true]{--text-main:#000;--text-muted:#1a1a1a;--border-subtle:#000;--border-color:#6b4e00;--bg-primary:#fff;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f0f0f0}[data-high-contrast=true] *{text-shadow:none!important}[data-high-contrast=true] :focus-visible{outline-offset:2px!important;outline:3px solid #ffd866!important}html,body{background-color:var(--bg-primary);min-height:100vh;color:var(--text-main);transition:background-color .3s,color .3s;overflow-x:hidden}body[dir=rtl]{font-family:var(--font-ar)}body[dir=ltr]{font-family:var(--font-en)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--navy-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold-primary)}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #e3b3414d}50%{box-shadow:0 0 30px #e3b341b3}}@keyframes floatAnim{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:var(--glass-border);border-radius:20px}.gold-gradient-text{background:linear-gradient(135deg,#fff 0%,#e3b341 50%,#ad8a2c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gold-badge{border:1px solid var(--gold-primary);color:var(--gold-light);background:#ad8a2c26;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.btn-gold{background:linear-gradient(135deg, var(--gold-light) 0%, var(--gold-primary) 100%);color:var(--navy-dark);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-size:15px;font-weight:800;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 6px 20px #ad8a2c59}.btn-gold:hover{background:linear-gradient(135deg,#ffe082 0%,#e3b341 100%);transform:translateY(-2px);box-shadow:0 10px 28px #e3b34180}.btn-outline{color:var(--text-main);border:1px solid var(--border-subtle);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-weight:700;transition:all .2s;display:inline-flex}.btn-outline:hover{border-color:var(--gold-light);color:var(--gold-light);background:#e3b34114}.app-header{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#061527d9;border-bottom:1px solid #e3b34126;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:14px 32px;display:flex;position:sticky;top:0}.header-menu-item:hover{background:var(--bg-card-hover)!important}@media (width<=1100px){.header-label-collapsible{display:none}}[data-theme=light] .app-header{background:#ffffffe6;border-bottom:1px solid #0b25451a}.course-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.course-card:hover{border-color:var(--gold-primary);transform:translateY(-6px);box-shadow:0 16px 40px #0006}.course-thumb-container{height:200px;position:relative;overflow:hidden}.course-thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.course-card:hover .course-thumb-img{transform:scale(1.08)}.quiz-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;margin-top:20px;padding:30px}.quiz-option{border:1.5px solid var(--border-subtle);cursor:pointer;background:#ffffff08;border-radius:14px;align-items:center;gap:14px;margin-bottom:12px;padding:16px 20px;font-weight:600;transition:all .2s;display:flex}.quiz-option:hover{border-color:var(--gold-light);background:#e3b34114}.quiz-option.selected{border-color:var(--gold-light);background:#e3b34126;box-shadow:0 0 15px #e3b34133}.quiz-option.correct{border-color:var(--emerald-green);color:#6ee7b7;background:#10b98133}.quiz-option.wrong{border-color:var(--ruby-red);color:#fca5a5;background:#ef444433}.code-block{font-family:var(--font-code);color:#38bdf8;text-align:left;direction:ltr;background:#090d16;border:1px solid #ffffff26;border-radius:12px;margin:16px 0;padding:18px;font-size:14px;overflow-x:auto}.certificate-frame{color:#fff;text-align:center;background:linear-gradient(135deg,#0b2545 0%,#061527 100%);border:12px solid #ad8a2c;border-image:linear-gradient(to bottom right,#e3b341,#ad8a2c,#ffe082) 1;padding:48px;position:relative;box-shadow:0 20px 60px #0009}.certificate-seal{background:radial-gradient(circle,#e3b341 0%,#ad8a2c 100%);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 20px;display:flex;box-shadow:0 0 25px #e3b34199}.grid-catalog{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;display:grid}@media (width<=768px){.app-header{flex-wrap:wrap;padding:12px 16px}.grid-catalog{grid-template-columns:1fr}button,a[role=button]{min-height:44px}button:has(>svg:only-child){min-width:44px}a[role=button]:has(>svg:only-child){min-width:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}