@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Tajawal:wght@400;500;700&display=swap");:root{--primary:#24383F;--primary-light:#2F4B54;--primary-dark:#1B292E;--secondary:#C99D52;--secondary-light:#D4AB63;--accent:#C99D52;--background:#FFFFFF;--foreground:#1a1a1a;--card-bg:rgba(255,255,255,0.95);--glass-bg:rgba(15,46,46,0.7);--glass-border:rgba(201,162,77,0.3);--text-muted:#9ca3af;--text-light:#e5e7eb;--success:#10b981;--info:#3b82f6;--shadow-sm:0 2px 4px rgba(0,0,0,0.05);--shadow-md:0 4px 12px rgba(0,0,0,0.1);--shadow-lg:0 10px 30px rgba(0,0,0,0.15);--shadow-xl:0 20px 50px rgba(0,0,0,0.2);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--background:#0f172a;--foreground:#f8fafc;--card-bg:rgba(30,41,59,0.8);--text-muted:#94a3b8}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:"Cairo","Tajawal",var(--font-alexandria),sans-serif;background:var(--background);color:var(--foreground);scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{font-size:clamp(1.75rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.75rem)}h3{font-size:clamp(1.25rem,3vw,2rem)}h4{font-size:clamp(1.1rem,2.5vw,1.5rem)}h5{font-size:clamp(1rem,2vw,1.25rem)}h6{font-size:clamp(.95rem,1.8vw,1.1rem)}a{color:inherit;text-decoration:none}a,button{transition:var(--transition)}button{cursor:pointer;border:none;outline:none;font-family:inherit}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.btn-primary{background:var(--primary);color:white;padding:12px 24px;border-radius:12px;font-weight:600;display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow-md);font-size:clamp(.9rem,2vw,1rem);width:100%;justify-content:center}.btn-primary:hover{background:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--secondary);color:white;padding:12px 24px;border-radius:12px;font-weight:600;display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow-md);font-size:clamp(.9rem,2vw,1rem);width:100%;justify-content:center}.btn-secondary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (min-width:576px){.btn-primary,.btn-secondary{width:auto;padding:12px 24px}}@media (min-width:768px){.btn-primary,.btn-secondary{padding:14px 28px}}.container{max-width:1200px}@media (min-width:768px){.container{padding:0 24px}}[dir=rtl] .ml-auto{margin-right:auto;margin-left:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fade-in{animation:fadeIn .8s ease forwards}.animate-fade-in-up{animation:fadeInUp .8s ease forwards}.animate-slide-in-right{animation:slideInRight .8s ease forwards}.animate-slide-in-left{animation:slideInLeft .8s ease forwards}.animate-scale-in{animation:scaleIn .6s ease forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.hover-lift{transition:var(--transition)}.hover-lift:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.hover-glow:hover{box-shadow:0 0 20px rgba(212,165,116,.5)}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes borderGlow{0%,to{box-shadow:0 0 5px rgba(212,165,116,.5),0 0 10px rgba(212,165,116,.3)}50%{box-shadow:0 0 20px rgba(212,165,116,.8),0 0 30px rgba(212,165,116,.5)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate360{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes heartbeat{0%,to{transform:scale(1)}10%,30%{transform:scale(.9)}20%,40%{transform:scale(1.1)}}.gradient-text{background:linear-gradient(90deg,var(--primary),var(--secondary),var(--primary));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease infinite}.glow-border{animation:borderGlow 2s ease-in-out infinite}.animate-bounce{animation:bounce 2s ease-in-out infinite}.animate-wiggle{animation:wiggle 1s ease-in-out}.animate-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}.animate-slide-down{animation:slideDown .5s ease forwards}.animate-rotate{animation:rotate360 20s linear infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.parallax{transform:translateZ(0);will-change:transform}.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease}.reveal.active{opacity:1;transform:translateY(0)}.card-hover{transition:var(--transition);position:relative;overflow:hidden}.card-hover:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.card-hover:hover:before{left:100%}.card-hover:hover{transform:translateY(-10px) scale(1.02);box-shadow:var(--shadow-xl)}.text-shimmer{background:linear-gradient(90deg,var(--foreground) 0,var(--secondary) 50%,var(--foreground) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}.icon-float{animation:float 3s ease-in-out infinite;display:inline-block}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.5);transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple:active:after{width:300px;height:300px}.analytics-dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;margin-top:30px;margin-bottom:40px}.chart-card{background:white;border-radius:20px;padding:25px;box-shadow:0 10px 30px -10px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.03);transition:transform .3s ease;height:100%}.chart-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px -10px rgba(0,0,0,.1)}.chart-card.large{grid-column:span 12}.chart-card.medium{grid-column:span 6}@media (max-width:1000px){.chart-card.medium{grid-column:span 12}}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.chart-header h3{font-size:1.1rem;color:var(--primary);font-weight:700}.chart-legend{display:flex;gap:15px;font-size:.85rem;color:var(--text-muted)}.chart-legend .dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-left:5px}.dot.gold{background:var(--secondary)}.dot.dark{background:var(--primary)}.dot.gray{background:#e2e8f0}.bar-chart-container{display:flex;justify-content:space-between;align-items:flex-end;height:250px;padding-top:20px;border-bottom:1px solid #eee}.bar-group{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1 1}.bars{display:flex;align-items:flex-end;gap:4px;height:200px;position:relative}.bar{width:8px;border-radius:4px;transition:height 1s cubic-bezier(.4,0,.2,1)}.bar.gold{background:var(--secondary);opacity:.8}.bar.dark{background:var(--primary)}.month-label{font-size:.75rem;color:var(--text-muted)}.horizontal-bars{display:flex;flex-direction:column;gap:20px}.h-bar-row{display:flex;align-items:center;gap:15px}.h-bar-row .label{width:80px;font-size:.9rem;color:var(--foreground);font-weight:600}.h-bar-row .track{flex:1 1;height:10px;background:#f1f5f9;border-radius:5px;overflow:hidden}.h-bar-row .fill{height:100%;border-radius:5px;transition:width 1s ease}.fill.gold{background:var(--secondary)}.fill.dark{background:var(--primary)}.fill.gray{background:#cbd5e1}.h-bar-row .val{width:30px;font-weight:700;color:var(--primary);text-align:left}.donut-container{display:flex;justify-content:center;align-items:center;height:250px}.donut-chart-wrapper{width:180px;height:180px}.donut-chart-wrapper,.donut-visual{position:relative;display:flex;justify-content:center;align-items:center}.donut-visual{width:100%;height:100%;border-radius:50%}.inner-hole{width:75%;height:75%;background:white;border-radius:50%;position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:inset 0 0 20px rgba(0,0,0,.05)}.inner-hole .total-number{font-size:2rem;font-weight:800;color:var(--primary)}.inner-hole .total-label{font-size:.85rem;color:var(--text-muted)}.donut-legend{position:absolute;right:-140px;display:flex;flex-direction:column;gap:15px}@media (max-width:1400px){.donut-legend{position:relative;right:auto;margin-top:20px}.donut-container{flex-direction:column;height:auto;padding:20px}}.legend-item{display:flex;align-items:center;gap:10px;background:#f8fafc;padding:8px 12px;border-radius:10px;font-size:.9rem;box-shadow:0 2px 5px rgba(0,0,0,.03)}.legend-item .text{color:var(--foreground);font-weight:600}.legend-item .percent{font-weight:700;color:var(--primary);margin-right:auto}.trainees-tab-container{animation:fadeIn .5s ease forwards}.nationality-badge-corner{z-index:2;box-shadow:0 2px 5px rgba(0,0,0,.05)}@media (max-width:767px){input,select,textarea{font-size:16px!important}.clickable,a,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}}.grid-responsive{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width:576px){.grid-responsive{grid-template-columns:repeat(2,1fr);gap:24px}}@media (min-width:768px){.grid-responsive{grid-template-columns:repeat(3,1fr);gap:28px}}@media (min-width:992px){.grid-responsive{grid-template-columns:repeat(4,1fr);gap:32px}}img{max-width:100%;height:auto}.related-article-card{transition:transform .4s ease,box-shadow .4s ease}.related-article-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px rgba(0,0,0,.15)}@font-face{font-family:Alexandria;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/afb88378e209fc3f-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec4,u+10efc-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:Alexandria;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/f25f4c1746ba4e6c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Alexandria;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/088339d3916a15b5-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Alexandria;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/56a56a7c8799f891-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Alexandria Fallback;src:local("Arial");ascent-override:86.13%;descent-override:22.33%;line-gap-override:0.00%;size-adjust:112.38%}.__className_ad1c25{font-family:Alexandria,Alexandria Fallback;font-style:normal}.__variable_ad1c25{--font-alexandria:"Alexandria","Alexandria Fallback"}.container{width:100%;max-width:100%;margin:0 auto;padding:0 16px}@media (min-width:576px){.container{padding:0 20px}}@media (min-width:768px){.container{max-width:1200px;padding:0 24px}}@media (min-width:1200px){.container{padding:0 32px}}.responsive-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width:576px){.responsive-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (min-width:768px){.responsive-grid{grid-template-columns:repeat(3,1fr);gap:28px}}@media (min-width:992px){.responsive-grid{grid-template-columns:repeat(4,1fr);gap:32px}}.grid-2{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr);gap:24px}}.grid-3{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width:576px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr);gap:24px}}.flex-responsive{display:flex;flex-direction:column;gap:16px}@media (min-width:768px){.flex-responsive{flex-direction:row;gap:24px}}.flex-wrap-responsive{display:flex;flex-wrap:wrap;gap:16px}@media (min-width:768px){.flex-wrap-responsive{gap:24px}}.responsive-heading-1{font-size:clamp(1.75rem,5vw,3.5rem);line-height:1.2;font-weight:900}.responsive-heading-2{font-size:clamp(1.5rem,4vw,2.75rem);line-height:1.3;font-weight:800}.responsive-heading-3{font-size:clamp(1.25rem,3vw,2rem);line-height:1.4;font-weight:700}.responsive-text{font-size:clamp(.95rem,2vw,1.1rem);line-height:1.6}.responsive-text-small{font-size:clamp(.85rem,1.5vw,.95rem);line-height:1.5}.section-padding{padding:40px 16px}@media (min-width:768px){.section-padding{padding:60px 24px}}@media (min-width:992px){.section-padding{padding:80px 32px}}.section-padding-large{padding:60px 16px}@media (min-width:768px){.section-padding-large{padding:80px 24px}}@media (min-width:992px){.section-padding-large{padding:120px 32px}}.btn-responsive{padding:12px 24px;font-size:.95rem;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px}@media (min-width:576px){.btn-responsive{width:auto;padding:14px 28px}}@media (min-width:768px){.btn-responsive{padding:16px 32px;font-size:1rem}}.card-responsive{padding:20px;border-radius:16px}@media (min-width:768px){.card-responsive{padding:24px;border-radius:20px}}@media (min-width:992px){.card-responsive{padding:32px;border-radius:24px}}.responsive-image{width:100%;height:auto;object-fit:cover}.responsive-image-container{width:100%;overflow:hidden;border-radius:12px}@media (min-width:768px){.responsive-image-container{border-radius:16px}}.form-responsive{width:100%;padding:20px}.form-group-responsive{margin-bottom:20px}.form-group-responsive label{display:block;margin-bottom:8px;font-size:.95rem;font-weight:600}.form-group-responsive input,.form-group-responsive select,.form-group-responsive textarea{width:100%;padding:12px 16px;font-size:.95rem;border-radius:8px;border:1px solid #e4e4e7}@media (min-width:768px){.form-responsive{padding:32px}.form-group-responsive input,.form-group-responsive select,.form-group-responsive textarea{padding:14px 18px;font-size:1rem}}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive table{width:100%;min-width:600px;border-collapse:collapse}@media (min-width:768px){.table-responsive table{min-width:auto}}.nav-responsive{display:flex;flex-direction:column;gap:12px}@media (min-width:768px){.nav-responsive{flex-direction:row;gap:24px}}.sidebar-responsive{width:100%;margin-bottom:24px}@media (min-width:768px){.sidebar-responsive{width:280px;margin-bottom:0;position:sticky;top:100px;align-self:flex-start}}.hero-responsive{padding:80px 16px 60px;text-align:center}.hero-responsive h1{font-size:clamp(2rem,6vw,3.5rem);margin-bottom:20px}.hero-responsive p{font-size:clamp(1rem,2.5vw,1.3rem);margin-bottom:32px;max-width:800px;margin-left:auto;margin-right:auto}@media (min-width:768px){.hero-responsive{padding:120px 24px 80px}}@media (min-width:992px){.hero-responsive{padding:150px 32px 100px}}.hide-mobile{display:none}@media (min-width:768px){.hide-mobile{display:block}.show-mobile{display:none}}.hide-tablet{display:block}@media (min-width:768px) and (max-width:991px){.hide-tablet{display:none}}.hide-desktop{display:block}@media (min-width:992px){.hide-desktop{display:none}}.text-center-mobile{text-align:center}@media (min-width:768px){.text-center-mobile{text-align:right}}.w-full-mobile{width:100%}@media (min-width:768px){.w-full-mobile{width:auto}}.mb-mobile{margin-bottom:24px}@media (min-width:768px){.mb-mobile{margin-bottom:0}}.p-mobile{padding:16px}@media (min-width:768px){.p-mobile{padding:24px}}@media (max-width:767px){.header-container{height:70px}.desktop-nav{display:none!important}.mobile-toggle{display:block!important}.desktop-auth-buttons,.search-box-header{display:none!important}}.footer-responsive{padding:40px 16px 20px}.footer-content-responsive{flex-direction:column;gap:32px}.footer-column-responsive{width:100%}@media (min-width:768px){.footer-responsive{padding:60px 24px 30px}.footer-content-responsive{flex-direction:row;flex-wrap:wrap;gap:40px}.footer-column-responsive{width:calc(50% - 20px)}}@media (min-width:992px){.footer-column-responsive{width:25%}}.course-card-responsive{width:100%;margin-bottom:24px}@media (min-width:576px){.course-card-responsive{width:calc(50% - 12px)}}@media (min-width:768px){.course-card-responsive{width:calc(33.333% - 16px)}}@media (min-width:992px){.course-card-responsive{width:calc(25% - 18px)}}.stats-grid-responsive{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width:768px){.stats-grid-responsive{grid-template-columns:repeat(4,1fr);gap:24px}}.testimonials-grid-responsive{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width:768px){.testimonials-grid-responsive{grid-template-columns:repeat(2,1fr);gap:24px}}@media (min-width:992px){.testimonials-grid-responsive{grid-template-columns:repeat(3,1fr);gap:32px}}@media (max-width:767px){.clickable,a,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}input,select,textarea{font-size:16px!important}}@media print{.no-print{display:none!important}.print-break{page-break-after:always}}