@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=Cairo:wght@300;400;500;600;700;800&display=swap";:root{--primary-color: #E85D1B;--secondary-color: #F7941D;--brand-primary: #E85D1B;--brand-secondary: #F7941D;--brand-accent: #4F46E5;--brand-success: #10B981;--brand-warning: #F59E0B;--brand-danger: #EF4444;--surface-primary: #FFFFFF;--surface-secondary: #FAFBFC;--surface-tertiary: #F5F7FA;--surface-elevated: #FFFFFF;--surface-overlay: rgba(15, 23, 42, .8);--text-primary: #0F172A;--text-secondary: #475569;--text-tertiary: #94A3B8;--text-inverse: #FFFFFF;--text-muted: #64748B;--border-primary: #E2E8F0;--border-secondary: #CBD5E1;--border-accent: #E85D1B;--radius-xs: .25rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-brand: 0 8px 32px rgba(232, 93, 27, .15);--shadow-glow: 0 0 32px rgba(232, 93, 27, .2);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem}*{box-sizing:border-box}html{background:linear-gradient(135deg,var(--surface-secondary) 0%,var(--surface-tertiary) 100%);min-height:100vh;scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.7;color:var(--text-primary);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1;background:var(--surface-secondary);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:700;line-height:1.3;margin:0 0 1.25rem;color:var(--text-primary);letter-spacing:-.025em}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2rem}h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;margin-bottom:1.5rem}h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:600;margin-bottom:1.25rem}h4{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600;margin-bottom:1rem}h5{font-size:clamp(1.125rem,2vw,1.5rem);font-weight:500;margin-bottom:.875rem}h6{font-size:clamp(1rem,1.5vw,1.25rem);font-weight:500;margin-bottom:.75rem}p{margin:0 0 1.25rem;color:var(--text-secondary);font-size:1rem;line-height:1.7}a{color:var(--brand-primary);text-decoration:none;transition:all var(--transition-fast);position:relative}a:hover{color:var(--brand-secondary);transform:translateY(-1px)}a.enhanced-link:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));transition:width var(--transition-normal)}a.enhanced-link:hover:after{width:100%}.social-icon{margin:0 .25rem;transition:transform var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;width:clamp(32px,8vw,40px);height:clamp(32px,8vw,40px);min-width:32px;min-height:32px;max-width:40px;max-height:40px;border-radius:50%;background-color:#f8f9fa;border:1px solid #e9ecef;box-sizing:border-box;overflow:hidden;flex-shrink:0}.social-icon:hover{transform:translateY(-2px)}@media (max-width: 640px){.social-icon{width:32px;height:32px;margin:0 .125rem}}@media (max-width: 480px){.social-icon{width:28px;height:28px;margin:0 .1rem}}.social-link{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.social-link:hover{color:var(--brand-primary)}.theme-card{background:var(--surface-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-xl);overflow:hidden;transition:all var(--transition-normal);border:1px solid var(--border-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.theme-card:hover{box-shadow:var(--shadow-brand);transform:translateY(-4px);border-color:var(--border-accent)}.theme-card-content{padding:var(--space-xl);overflow-x:auto}.theme-card-header{padding:var(--space-lg) var(--space-xl);background:linear-gradient(135deg,var(--surface-tertiary) 0%,var(--surface-secondary) 100%);border-bottom:1px solid var(--border-primary);font-family:Plus Jakarta Sans,sans-serif;font-weight:600;color:var(--text-primary);font-size:1.125rem;position:relative}.theme-card-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary))}.lecture-card{background:var(--surface-elevated);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal);border:1px solid var(--border-primary);position:relative;margin-bottom:var(--space-lg)}.lecture-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-brand)}.lecture-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary))}.exam-card{background:linear-gradient(135deg,var(--surface-elevated) 0%,rgba(232,93,27,.02) 100%);border:2px solid var(--border-primary);border-radius:var(--radius-xl);transition:all var(--transition-normal);position:relative;overflow:hidden;margin-bottom:var(--space-lg)}.exam-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.progress-card{background:var(--surface-elevated);border-radius:var(--radius-lg);padding:var(--space-lg);border-left:4px solid var(--brand-success);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);margin-bottom:var(--space-md)}.progress-card:hover{box-shadow:var(--shadow-md)}.btn-primary{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:var(--text-inverse);border:none;padding:1rem 2rem;border-radius:var(--radius-lg);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md);font-family:Plus Jakarta Sans,sans-serif;letter-spacing:.025em;position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);background:linear-gradient(135deg,var(--brand-secondary),var(--brand-primary))}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--surface-elevated);color:var(--brand-primary);border:2px solid var(--brand-primary);padding:.875rem 2rem;border-radius:var(--radius-lg);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-normal);font-family:Plus Jakarta Sans,sans-serif;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn-secondary:hover{background:var(--brand-primary);color:var(--text-inverse);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-secondary);padding:.875rem 1.75rem;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn-ghost:hover{background:var(--surface-tertiary);color:var(--text-primary);border-color:var(--border-primary)}.btn-danger{background:linear-gradient(135deg,var(--brand-danger),#DC2626);color:var(--text-inverse);border:none;padding:.875rem 1.75rem;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 8px 32px #ef44444d}.btn-success{background:linear-gradient(135deg,var(--brand-success),#059669);color:var(--text-inverse);border:none;padding:.875rem 1.75rem;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.btn-success:hover{transform:translateY(-1px);box-shadow:0 8px 32px #10b9814d}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:1.25rem 2.5rem;font-size:1.125rem}*:focus{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:var(--radius-sm)}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--brand-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border-radius:var(--radius-full);transition:all var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--brand-secondary),var(--brand-primary))}.loading-shimmer{background:linear-gradient(90deg,var(--surface-tertiary) 25%,var(--surface-secondary) 50%,var(--surface-tertiary) 75%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.glass{background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.modern-input{width:100%;padding:1rem 1.25rem;border:2px solid var(--border-primary);border-radius:var(--radius-lg);background:var(--surface-elevated);color:var(--text-primary);font-size:1rem;transition:all var(--transition-normal);font-family:inherit;box-shadow:var(--shadow-xs)}.modern-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #e85d1b1a;background:var(--surface-primary);outline:none}.modern-input::placeholder{color:var(--text-tertiary)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.875rem;letter-spacing:.025em}.form-error{color:var(--brand-danger);font-size:.875rem;margin-top:.5rem;font-weight:500}.form-success{color:var(--brand-success);font-size:.875rem;margin-top:.5rem;font-weight:500}.search-input{padding:.875rem 1rem .875rem 3rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23999' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z'/%3e%3c/svg%3e");background-position:.75rem center;background-repeat:no-repeat;background-size:1.25rem}.quiz-option{padding:1rem;border:2px solid var(--border-primary);border-radius:var(--radius-md);margin-bottom:.75rem;cursor:pointer;transition:all var(--transition-fast);background:var(--surface-elevated)}.quiz-option:hover{border-color:var(--brand-primary);background:var(--surface-primary)}.quiz-option.selected{border-color:var(--brand-primary);background:#e85d1b0d}.quiz-option.correct{border-color:var(--brand-success);background:#10b9810d}.quiz-option.incorrect{border-color:var(--brand-danger);background:#ef44440d}.status-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;font-family:Plus Jakarta Sans,sans-serif;gap:.375rem}.status-success{background:#10b9811a;color:var(--brand-success);border:1px solid rgba(16,185,129,.2)}.status-warning{background:#f59e0b1a;color:var(--brand-warning);border:1px solid rgba(245,158,11,.2)}.status-danger{background:#ef44441a;color:var(--brand-danger);border:1px solid rgba(239,68,68,.2)}.status-info{background:#4f46e51a;color:var(--brand-accent);border:1px solid rgba(79,70,229,.2)}.alert{padding:1rem 1.25rem;border-radius:var(--radius-lg);margin-bottom:1rem;border-left:4px solid;box-shadow:var(--shadow-sm);font-weight:500}.alert-success{background:#10b9810d;border-color:var(--brand-success);color:var(--brand-success)}.alert-warning{background:#f59e0b0d;border-color:var(--brand-warning);color:var(--brand-warning)}.alert-danger{background:#ef44440d;border-color:var(--brand-danger);color:var(--brand-danger)}.alert-info{background:#4f46e50d;border-color:var(--brand-accent);color:var(--brand-accent)}.message{padding:1rem 1.25rem;border-radius:var(--radius-lg);margin-bottom:1rem;font-weight:500;border-left:4px solid}.message.success{background:#10b9810d;border-color:var(--brand-success);color:var(--brand-success)}.message.failure{background:#ef44440d;border-color:var(--brand-danger);color:var(--brand-danger)}.message.info{background:#4f46e50d;border-color:var(--brand-accent);color:var(--brand-accent)}.progress-bar{width:100%;height:8px;background:var(--surface-tertiary);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));border-radius:var(--radius-full);transition:width var(--transition-slow);position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShine 2s infinite}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.gradient-text{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 50%,var(--brand-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;display:inline-block}.text-responsive-4xl{font-size:clamp(2.25rem,5vw,4.5rem);line-height:1.1;font-weight:800}.text-responsive-3xl{font-size:clamp(1.875rem,4vw,3rem);line-height:1.2}.text-responsive-2xl{font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.3}.text-responsive-xl{font-size:clamp(1.25rem,2.5vw,1.875rem);line-height:1.4}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-fade-in-up{animation:fadeInUp .8s ease-out}.animate-slide-up{animation:slideUp .6s ease-out}.animate-bounce-soft{animation:bounceSoft .8s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounceSoft{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-8px)}70%{transform:translateY(-4px)}}.glass{background:#ffffff1a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #1f26875e}.bi{font-family:bootstrap-icons!important;font-style:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.transition-transform{transition:transform var(--transition-normal)}.transition-all{transition:all var(--transition-normal)}.duration-300{transition-duration:.3s}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-brand-500{--tw-gradient-from: var(--brand-primary);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 93, 27, 0))}.to-accent-500{--tw-gradient-to: var(--brand-secondary)}.from-success-500{--tw-gradient-from: var(--brand-success);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0))}.to-success-600{--tw-gradient-to: #059669}.from-info-500{--tw-gradient-from: #3B82F6;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(59, 130, 246, 0))}.to-info-600{--tw-gradient-to: #2563EB}