@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900;1000&family=Tajawal:wght@400;500;700;800;900&display=swap');
:root{
  --sp-navy:#07182E;--sp-navy-2:#0B1F3A;--sp-blue:#153E75;--sp-teal:#0F766E;--sp-teal-2:#14B8A6;--sp-gold:#D4AF37;--sp-gold-2:#F59E0B;--sp-bg:#F5F8FC;--sp-surface:#fff;--sp-surface-2:#F8FAFC;--sp-text:#0F172A;--sp-muted:#64748B;--sp-border:#E2E8F0;--sp-success:#16A34A;--sp-danger:#DC2626;--sp-warning:#F59E0B;--sp-radius:24px;--sp-shadow:0 24px 80px rgba(7,24,46,.13);--sp-shadow-soft:0 14px 45px rgba(15,23,42,.08);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Cairo','Tajawal',system-ui,-apple-system,'Segoe UI',sans-serif!important;background:var(--sp-bg)!important;color:var(--sp-text);accent-color:var(--sp-teal)}
a{text-decoration:none}.sp-container,.sbp-container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.sp-brand-strip{height:4px;background:linear-gradient(90deg,var(--sp-navy),var(--sp-teal),var(--sp-gold))}
.sbp-topline{height:4px!important;background:linear-gradient(90deg,var(--sp-navy),var(--sp-teal),var(--sp-gold))!important}.sbp-nav,.sp-nav{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,232,240,.9);box-shadow:0 10px 30px rgba(15,23,42,.04)}
.sbp-nav-inner,.sp-nav-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.sbp-brand,.sp-brand{display:flex!important;align-items:center!important;gap:12px!important;color:var(--sp-navy)!important;font-weight:1000!important}.sbp-brand img,.sp-brand img{height:52px!important;width:auto!important;max-width:210px;object-fit:contain}.sbp-brand-title,.sp-brand-title{font-size:21px;line-height:1;font-weight:1000}.sbp-brand-sub,.sp-brand-sub{font-size:11px;color:var(--sp-muted);font-weight:900;letter-spacing:.5px;margin-top:4px}.sbp-menu,.sp-menu{display:flex;align-items:center;gap:6px}.sbp-menu a,.sp-menu a{color:#334155!important;font-weight:900!important;font-size:14px;padding:11px 13px;border-radius:14px}.sbp-menu a:hover,.sp-menu a:hover{background:#EEF6FF!important;color:var(--sp-teal)!important}.sbp-actions,.sp-actions{display:flex;align-items:center;gap:10px}.sbp-btn,.sp-btn,button[type=submit],input[type=submit],.btn,.button,.bg-indigo-600,.bg-blue-600{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:16px!important;font-weight:900!important;transition:.2s ease!important}.sbp-btn-primary,.sp-btn-primary,.bg-indigo-600,.bg-blue-600,button[type=submit],input[type=submit]{background:linear-gradient(135deg,var(--sp-navy),var(--sp-teal))!important;color:#fff!important;border:0!important;box-shadow:0 16px 36px rgba(15,118,110,.24)!important}.sbp-btn-primary:hover,.sp-btn-primary:hover,button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 24px 50px rgba(15,118,110,.32)!important}.sbp-btn-soft,.sp-btn-soft{background:#EEF6FF!important;color:var(--sp-navy)!important;border:1px solid #DCEBFF!important}.sbp-btn-ghost,.sp-btn-ghost{background:#fff!important;color:var(--sp-navy)!important;border:1px solid var(--sp-border)!important}.sbp-hero,.sp-hero{position:relative;overflow:hidden;padding:92px 0;background:radial-gradient(circle at 8% 10%,rgba(212,175,55,.22),transparent 32%),radial-gradient(circle at 92% 12%,rgba(20,184,166,.22),transparent 34%),linear-gradient(135deg,#061426 0%,#0B1F3A 46%,#0F766E 100%)!important;color:#fff}.sbp-hero:before,.sp-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent)}.sbp-hero-grid,.sp-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center}.sbp-eyebrow,.sp-eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.09);padding:9px 15px;border-radius:999px;font-weight:900;color:#EAF2F7}.sbp-title,.sp-title{font-size:clamp(36px,5vw,70px)!important;line-height:1.08!important;margin:20px 0 18px!important;font-weight:1000!important;letter-spacing:-1.4px}.sbp-title span,.sp-title span{color:var(--sp-gold)}.sbp-lead,.sp-lead{font-size:clamp(17px,2vw,22px);line-height:1.9;color:#DDEAF7;max-width:780px}.sbp-hero-card,.sp-hero-card{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);border-radius:36px;padding:24px;box-shadow:var(--sp-shadow);backdrop-filter:blur(18px)}.sp-dashboard-preview,.sbp-dashboard-mock{background:#fff;border-radius:28px;padding:18px;color:var(--sp-text);border:1px solid rgba(255,255,255,.24)}.sp-section,.sbp-section{padding:82px 0}.sp-section-head,.sbp-section-head{text-align:center;max-width:850px;margin:0 auto 36px}.sp-section-head h2,.sbp-section-head h2{font-size:clamp(28px,4vw,48px)!important;font-weight:1000!important;line-height:1.25;color:var(--sp-navy)!important;margin:0 0 14px}.sp-section-head p,.sbp-section-head p{font-size:18px;line-height:1.85;color:var(--sp-muted);margin:0}.sp-grid,.sbp-grid{display:grid;gap:22px}.sp-grid-3,.sbp-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-grid-4,.sbp-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sp-card,.sbp-card,.card,.bg-white.rounded,.login-card{background:var(--sp-surface)!important;border:1px solid var(--sp-border)!important;border-radius:var(--sp-radius)!important;box-shadow:var(--sp-shadow-soft)!important}.sp-card,.sbp-card{padding:25px}.sp-card:hover,.sbp-card:hover{transform:translateY(-3px);box-shadow:var(--sp-shadow)!important}.sp-icon,.sbp-icon{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#EEF6FF,#E6FFFA);display:grid;place-items:center;color:var(--sp-teal);font-size:24px;font-weight:1000}.sp-card h3,.sbp-card h3{font-size:21px;margin:16px 0 8px;color:var(--sp-navy);font-weight:1000}.sp-card p,.sbp-card p{line-height:1.85;color:var(--sp-muted)}.sp-page-hero,.sbp-page-hero{background:linear-gradient(135deg,#07182E,#0F766E)!important;color:#fff!important;padding:72px 0}.sp-page-hero h1,.sbp-page-hero h1{font-size:clamp(34px,4vw,54px)!important;font-weight:1000!important;color:#fff!important}.sp-page-hero p,.sbp-page-hero p{font-size:18px;line-height:1.85;color:#DDEAF7!important}.sp-badge,.sbp-badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#EEF6FF;color:var(--sp-navy);border:1px solid #DCEBFF;padding:8px 13px;font-size:12px;font-weight:900}.sp-course-thumb,.sbp-course-thumb{height:190px;border-radius:20px;background:linear-gradient(135deg,var(--sp-navy),var(--sp-teal));display:grid;place-items:center;overflow:hidden;margin-bottom:18px}.sp-course-thumb img,.sbp-course-thumb img{width:100%;height:100%;object-fit:cover}.sp-footer,.sbp-footer{background:#061426!important;color:#D8E3F1!important;padding:56px 0 28px}.sp-footer a,.sbp-footer a{color:#C7D6E8!important}.sp-footer h4,.sbp-footer h4{color:#fff!important}.sp-copy,.sbp-copy{border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:20px;color:#94A3B8}.sp-fallback-img{background:linear-gradient(135deg,#0B1F3A,#0F766E)}
img{max-width:100%}img[src=''],img:not([src]){visibility:hidden}.text-indigo-600,.text-blue-600{color:var(--sp-teal)!important}.border-indigo-500,.focus\:ring-indigo-500:focus{border-color:var(--sp-teal)!important;--tw-ring-color:var(--sp-teal)!important}.login-card input,.login-card select,.login-card textarea,input,select,textarea{border-radius:14px!important}.floating-animation img{max-width:180px!important;max-height:82px!important;object-fit:contain}.overlay-decoration{background:radial-gradient(circle at 10% 10%,rgba(212,175,55,.2),transparent 30%),radial-gradient(circle at 90% 90%,rgba(20,184,166,.16),transparent 34%)!important}body.min-h-screen.flex{background:linear-gradient(135deg,#061426,#0B1F3A 48%,#0F766E)!important}.sidebar,.admin-sidebar,aside{background:linear-gradient(180deg,#061426,#0B1F3A)!important}.sidebar a,aside a{border-radius:14px!important}.main-content,.content-wrapper{background:var(--sp-bg)!important}.dashboard-card,.stat-card{border-radius:22px!important;box-shadow:var(--sp-shadow-soft)!important;border:1px solid var(--sp-border)!important}.sbp-mobile-toggle,.sp-mobile-toggle{display:none}.sbp-mobile-menu,.sp-mobile-menu{display:none}.sbp-mobile-menu.show,.sp-mobile-menu.show{display:grid;gap:8px;padding:0 0 16px}.sp-mini-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sp-mini-kpi{background:#fff;border:1px solid #E2E8F0;border-radius:20px;padding:16px}.sp-mini-kpi small{display:block;color:#64748B;font-weight:800}.sp-mini-kpi strong{font-size:26px;color:#0B1F3A}@media(max-width:980px){.sbp-menu,.sbp-actions,.sp-menu,.sp-actions{display:none}.sbp-mobile-toggle,.sp-mobile-toggle{display:inline-flex}.sbp-hero-grid,.sp-hero-grid{grid-template-columns:1fr}.sbp-grid-3,.sbp-grid-4,.sp-grid-3,.sp-grid-4{grid-template-columns:1fr 1fr}.sp-mini-kpis{grid-template-columns:1fr 1fr}}@media(max-width:640px){.sbp-grid-3,.sbp-grid-4,.sp-grid-3,.sp-grid-4,.sp-mini-kpis{grid-template-columns:1fr}.sbp-title,.sp-title{font-size:36px!important}.sbp-section,.sp-section{padding:56px 0}.sbp-brand-sub,.sp-brand-sub{display:none}.sbp-brand img,.sp-brand img{height:44px!important}.sbp-nav-inner,.sp-nav-inner{min-height:68px}.sp-container,.sbp-container{width:min(100% - 24px,1180px)}}