/* Phase 160 — SabronPro Public Experience Polish */
:root{
  --sbp-navy:#0B1424;--sbp-navy-2:#101C2F;--sbp-blue:#1E5BFF;--sbp-gold:#D8B236;--sbp-gold-2:#F2D36B;
  --sbp-teal:#16B8A6;--sbp-bg:#F6F8FC;--sbp-surface:#FFFFFF;--sbp-soft:#EEF3FA;--sbp-border:#DCE5F1;
  --sbp-text:#101827;--sbp-muted:#66758B;--sbp-radius:22px;--sbp-shadow:0 22px 60px rgba(11,20,36,.10);
}
html{scroll-behavior:smooth} body.sbp-public{background:var(--sbp-bg);color:var(--sbp-text);font-family:'Cairo','IBM Plex Sans Arabic','Tajawal',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.8}
.sp-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.sp-brand-strip{height:4px;background:linear-gradient(90deg,var(--sbp-gold),var(--sbp-blue),var(--sbp-teal))}
.sp-nav{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,229,241,.85);box-shadow:0 10px 30px rgba(11,20,36,.05)}
.sp-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:82px}.sp-brand img{max-width:190px;height:auto;display:block}.sp-menu{display:flex;gap:6px;align-items:center}.sp-menu a,.sp-mobile-menu a{color:#26354C;text-decoration:none;font-weight:800;padding:11px 13px;border-radius:14px;transition:.2s}.sp-menu a:hover,.sp-mobile-menu a:hover{background:var(--sbp-soft);color:var(--sbp-blue)}
.sp-actions{display:flex;gap:10px;align-items:center}.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:16px;border:1px solid transparent;text-decoration:none;font-weight:900;cursor:pointer;transition:.2s;white-space:nowrap}.sp-btn-primary{background:linear-gradient(135deg,var(--sbp-blue),#1146D8);color:#fff;box-shadow:0 14px 34px rgba(30,91,255,.23)}.sp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(30,91,255,.30)}.sp-btn-gold{background:linear-gradient(135deg,var(--sbp-gold),var(--sbp-gold-2));color:#101827}.sp-btn-ghost{border-color:var(--sbp-border);background:#fff;color:var(--sbp-navy)}.sp-btn-soft{background:var(--sbp-soft);color:var(--sbp-navy)}
.sp-mobile-toggle{display:none}.sp-mobile-menu{display:none;padding:0 0 18px}.sp-mobile-menu.is-open{display:grid;gap:8px}.sp-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 20%,rgba(216,178,54,.18),transparent 30%),linear-gradient(135deg,#07101F 0%,#0B1424 58%,#13294B 100%);color:#fff;padding:92px 0 76px}.sp-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}.sp-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.sp-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(216,178,54,.42);background:rgba(216,178,54,.10);border-radius:999px;color:#F6D96B;font-weight:900;margin-bottom:18px}.sp-title{font-size:clamp(34px,6vw,68px);line-height:1.12;margin:0 0 18px;font-weight:950;letter-spacing:-.03em}.sp-title span{color:var(--sbp-gold-2)}.sp-lead{font-size:clamp(17px,2vw,22px);color:#D7E1EF;max-width:780px;margin:0 0 26px}.sp-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.sp-proof{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.sp-proof span{display:inline-flex;gap:8px;align-items:center;padding:9px 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#C7D6EA;background:rgba(255,255,255,.05);font-weight:800}.sp-hero-panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:32px;padding:24px;box-shadow:0 28px 90px rgba(0,0,0,.28);backdrop-filter:blur(12px)}.sp-hero-panel img{width:100%;height:auto;display:block;border-radius:24px}.sbp-mini-dashboard{display:grid;gap:14px}.sbp-mini-top{display:flex;align-items:center;justify-content:space-between}.sbp-mini-logo{display:flex;align-items:center;gap:10px;font-weight:950}.sbp-mini-logo img{width:42px;height:42px}.sbp-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.sbp-mini-card{background:#fff;color:#111827;border-radius:20px;padding:18px;min-height:120px}.sbp-mini-card strong{font-size:32px;display:block;color:#0B1424}.sbp-mini-line{height:9px;border-radius:99px;background:#E7EEF8;margin-top:12px;overflow:hidden}.sbp-mini-line span{display:block;height:100%;background:linear-gradient(90deg,var(--sbp-gold),var(--sbp-blue));border-radius:99px}.sp-page-hero{background:linear-gradient(135deg,#0B1424,#13294B);color:#fff;padding:74px 0 58px;border-bottom:1px solid rgba(216,178,54,.18)}.sp-page-hero h1{font-size:clamp(32px,5vw,58px);margin:0 0 12px;font-weight:950;letter-spacing:-.025em}.sp-page-hero p{font-size:19px;color:#D7E1EF;max-width:820px;margin:0}.sp-section{padding:78px 0}.sp-section-soft{background:#fff}.sp-section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:32px}.sp-section-head h2{font-size:clamp(28px,4vw,44px);line-height:1.2;margin:0;color:#101827;font-weight:950}.sp-section-head p{margin:8px 0 0;color:var(--sbp-muted);font-size:18px;max-width:740px}.sp-grid{display:grid;gap:22px}.sp-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sp-card{background:var(--sbp-surface);border:1px solid var(--sbp-border);border-radius:var(--sbp-radius);padding:26px;box-shadow:0 10px 36px rgba(11,20,36,.05);transition:.22s;position:relative;overflow:hidden}.sp-card:hover{transform:translateY(-4px);box-shadow:var(--sbp-shadow)}.sp-card h3{margin:0 0 10px;font-size:22px;font-weight:950;color:#111827}.sp-card p{color:var(--sbp-muted);margin:0}.sp-icon{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,rgba(216,178,54,.18),rgba(30,91,255,.10));display:flex;align-items:center;justify-content:center;font-size:25px;margin-bottom:18px}.sp-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:rgba(216,178,54,.14);color:#80620B;font-weight:900;font-size:13px}.sbp-feature-list{display:grid;gap:12px;margin-top:16px}.sbp-feature-list li{list-style:none;display:flex;gap:10px;align-items:start;color:#44546A}.sbp-feature-list li:before{content:"";margin-top:9px;width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--sbp-gold)}.sbp-band{background:linear-gradient(135deg,#0B1424,#13294B);color:#fff;border-radius:34px;padding:38px;display:grid;grid-template-columns:1.4fr .6fr;gap:28px;align-items:center;box-shadow:var(--sbp-shadow)}.sbp-band h2{margin:0 0 10px;font-size:34px}.sbp-band p{color:#C9D7EA;margin:0}.sbp-pricing{border-top:5px solid var(--sbp-gold)}.sbp-price{font-size:38px;font-weight:950;color:#0B1424;margin:10px 0}.sbp-form-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:stretch}.sbp-form-card{background:#fff;border:1px solid var(--sbp-border);border-radius:28px;padding:28px;box-shadow:var(--sbp-shadow)}.sbp-form-card input,.sbp-form-card textarea,.sbp-form-card select,.form-control{width:100%;border:1px solid var(--sbp-border);border-radius:16px;padding:13px 15px;background:#fff;color:#111827;outline:none;transition:.2s}.sbp-form-card input:focus,.sbp-form-card textarea:focus,.form-control:focus{border-color:var(--sbp-blue);box-shadow:0 0 0 4px rgba(30,91,255,.10)}.sbp-policy{max-width:980px;margin:0 auto}.sbp-policy .sp-card{padding:34px}.sbp-policy h2{font-size:30px;margin:28px 0 12px}.sbp-policy ul{display:grid;gap:10px;color:#4B5B72}.sbp-policy li{margin-bottom:6px}.course-card,.diploma-card,.teacher-card,.blog-card{border-radius:24px!important;border:1px solid var(--sbp-border)!important;box-shadow:0 12px 36px rgba(11,20,36,.06)!important;overflow:hidden!important;background:#fff!important}.course-card img,.diploma-card img,.teacher-card img,.blog-card img{object-fit:cover;background:var(--sbp-soft)}.empty-state,.sbp-empty-state{border:1px dashed var(--sbp-border);border-radius:24px;background:#fff;padding:34px;text-align:center;color:var(--sbp-muted)}.sp-footer{background:#080F1D;color:#fff;padding:62px 0 24px}.sbp-footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:34px}.sp-footer h4{margin:0 0 14px;color:#fff}.sp-footer a{display:block;color:#B8C7DA;text-decoration:none;margin:8px 0}.sp-footer a:hover{color:#fff}.sp-copy{border-top:1px solid rgba(255,255,255,.10);margin-top:34px;padding-top:22px;color:#90A3BC;text-align:center}.sbp-skip-link{position:absolute;inset-inline-start:16px;top:-50px;background:#fff;color:#0B1424;padding:10px 14px;border-radius:12px;z-index:999}.sbp-skip-link:focus{top:12px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(216,178,54,.65);outline-offset:3px}
@media (max-width:980px){.sp-menu,.sp-actions{display:none}.sp-mobile-toggle{display:inline-flex}.sp-nav-inner{min-height:72px}.sp-hero-grid,.sbp-form-shell,.sbp-band{grid-template-columns:1fr}.sp-grid-2,.sp-grid-3,.sp-grid-4{grid-template-columns:1fr}.sbp-footer-grid{grid-template-columns:1fr 1fr}.sp-section-head{display:block}.sp-hero{padding:72px 0 58px}.sp-brand img{max-width:160px}.sbp-mini-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.sp-container{width:min(100% - 28px,1180px)}.sp-title{font-size:34px}.sp-page-hero{padding:56px 0 42px}.sp-section{padding:54px 0}.sbp-footer-grid,.sbp-mini-grid{grid-template-columns:1fr}.sp-btn{width:100%}.sp-hero-actions{display:grid}.sp-card{padding:22px}}