:root {
  --navy: #071426;
  --navy-2: #0b203d;
  --blue: #0868d7;
  --blue-2: #0e8cff;
  --blue-soft: #eaf4ff;
  --gold: #d8a53a;
  --ink: #142033;
  --muted: #637084;
  --surface: #ffffff;
  --soft: #f5f8fc;
  --line: #e4ebf4;
  --radius: 22px;
  --shadow: 0 18px 50px rgba(7,20,38,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;color:var(--ink);background:#fff;line-height:1.72;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
section{position:relative}
.skip-link{position:fixed;left:-9999px;top:0;z-index:99999;background:#fff;color:#000;padding:.75rem 1rem}.skip-link:focus{left:1rem;top:1rem}
.topbar{background:linear-gradient(90deg,var(--navy),#0b2d56);color:#fff}.topbar a{color:#dceaff}.topbar a:hover{color:#fff}
.main-nav{box-shadow:0 8px 28px rgba(7,20,38,.06);min-height:82px}.navbar-brand img{display:block;max-width:255px}.main-nav .nav-link{font-size:.93rem;font-weight:600;color:#26354c;padding:.75rem .8rem!important}.main-nav .nav-link:hover,.main-nav .nav-link.active{color:var(--blue)}.dropdown-menu{border-radius:16px;padding:.6rem;min-width:220px}.dropdown-item{border-radius:10px;padding:.65rem .8rem;font-size:.92rem}.dropdown-item:hover{background:var(--blue-soft);color:var(--blue)}
.btn{font-weight:600;letter-spacing:-.01em}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue-2));border:none;box-shadow:0 10px 24px rgba(8,104,215,.20)}.btn-primary:hover{transform:translateY(-1px);background:linear-gradient(135deg,#075fca,#0684f7)}.btn-dark{background:var(--navy);border-color:var(--navy)}.btn-outline-primary{border-color:#9ccafa;color:var(--blue)}.btn-outline-primary:hover{background:var(--blue);border-color:var(--blue)}
.hero{min-height:690px;display:flex;align-items:center;background:radial-gradient(circle at 75% 20%,rgba(14,140,255,.25),transparent 30%),linear-gradient(120deg,#061326 0%,#0a2446 55%,#071426 100%);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(30deg,rgba(255,255,255,.025) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.025) 87.5%,rgba(255,255,255,.025)),linear-gradient(150deg,rgba(255,255,255,.025) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.025) 87.5%);background-size:42px 74px;opacity:.5}.hero:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-90px;height:170px;background:#fff;border-radius:50% 50% 0 0/28% 28% 0 0}.hero .container{position:relative;z-index:2}.hero-badge,.eyebrow{display:inline-flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.15em;font-size:.74rem;font-weight:700}.hero-badge{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#b8dafe;padding:.48rem .8rem;border-radius:999px}.hero h1{font-size:clamp(2.7rem,5vw,5.25rem);line-height:1.02;letter-spacing:-.045em;color:#fff;font-weight:800}.hero h1 span{color:#29a0ff}.hero .lead{color:#d5e3f3;font-size:1.06rem;max-width:680px}.hero-feature{display:flex;align-items:center;gap:.75rem;color:#fff;font-size:.93rem}.hero-feature i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(14,140,255,.16);color:#56b3ff;border:1px solid rgba(86,179,255,.28)}.hero-art{position:relative;max-width:580px;margin-inline:auto}.hero-art:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(12,132,255,.32),rgba(12,132,255,0) 68%);top:40px;left:50%;transform:translateX(-50%)}.hero-quote{position:absolute;right:0;bottom:64px;width:270px;background:rgba(255,255,255,.96);padding:1.1rem 1.2rem;border-radius:18px;box-shadow:var(--shadow);border-left:4px solid var(--gold)}.hero-quote .arabic{font-family:'Noto Naskh Arabic',serif;font-size:1.7rem;color:var(--navy);line-height:1.5}.hero-quote small{color:var(--muted)}
.trust-strip{margin-top:-40px;position:relative;z-index:4}.trust-card{background:#fff;border-radius:22px;box-shadow:var(--shadow);border:1px solid var(--line);padding:1.25rem}.trust-item{display:flex;gap:.9rem;align-items:center;padding:.5rem .75rem}.trust-item i{width:46px;height:46px;flex:0 0 46px;border-radius:14px;background:var(--blue-soft);display:grid;place-items:center;color:var(--blue);font-size:1.2rem}.trust-item strong{display:block;color:var(--ink);font-size:.92rem}.trust-item span{display:block;color:var(--muted);font-size:.78rem}
.section-space{padding:100px 0}.section-soft{background:var(--soft)}.section-dark{background:var(--navy);color:#fff}.section-title{font-size:clamp(2rem,3vw,3.2rem);font-weight:800;letter-spacing:-.035em;line-height:1.12}.section-title span{color:var(--blue)}.section-copy{color:var(--muted);max-width:720px}.eyebrow{color:var(--blue);margin-bottom:.8rem}.eyebrow:before{content:"";width:26px;height:2px;background:currentColor}
.course-card{height:100%;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.25s ease;box-shadow:0 10px 32px rgba(7,20,38,.05)}.course-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#cfe3f9}.course-visual{height:180px;display:grid;place-items:center;background:linear-gradient(150deg,#eff7ff,#f8fbff);position:relative;overflow:hidden}.course-visual:after{content:"";position:absolute;width:130px;height:130px;border:1px solid #cce5ff;border-radius:30px;transform:rotate(45deg);right:-50px;top:-40px}.course-visual i{font-size:4.8rem;color:var(--blue)}.course-card .card-body{padding:1.5rem}.course-number{width:34px;height:34px;border-radius:10px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:.8rem;font-weight:700}.course-card h3{font-size:1.24rem;font-weight:700}.course-card p{font-size:.92rem;color:var(--muted)}.text-link{font-weight:700;color:var(--blue);display:inline-flex;align-items:center;gap:.4rem}.text-link i{transition:.2s}.text-link:hover i{transform:translateX(4px)}
.about-visual{position:relative;padding:24px}.about-visual .frame{border-radius:32px;background:linear-gradient(145deg,#dceeff,#f8fbff);padding:24px;box-shadow:var(--shadow)}.teacher-badge{position:absolute;right:-10px;top:48px;background:var(--navy);color:#fff;padding:1rem 1.15rem;border-radius:18px;box-shadow:0 12px 32px rgba(7,20,38,.25);max-width:180px}.teacher-badge i{color:var(--gold)}.check-list{list-style:none;padding:0;margin:0}.check-list li{display:flex;gap:.7rem;align-items:flex-start;margin-bottom:.8rem}.check-list i{color:var(--blue);margin-top:.12rem}
.feature-card{height:100%;padding:1.7rem;border-radius:20px;background:#fff;border:1px solid var(--line);transition:.2s}.feature-card:hover{box-shadow:0 16px 36px rgba(7,20,38,.08);transform:translateY(-3px)}.feature-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:var(--blue-soft);color:var(--blue);font-size:1.35rem;margin-bottom:1rem}.feature-card h3{font-size:1.08rem;font-weight:700}.feature-card p{font-size:.9rem;color:var(--muted);margin:0}
.step-card{position:relative;padding:2rem 1.5rem 1.5rem;background:#0b203d;border:1px solid rgba(255,255,255,.08);border-radius:22px;height:100%}.step-num{font-size:3.3rem;font-weight:800;color:rgba(255,255,255,.08);position:absolute;right:1.2rem;top:.7rem}.step-icon{width:52px;height:52px;border-radius:16px;background:rgba(14,140,255,.16);color:#4bacff;display:grid;place-items:center;font-size:1.3rem;margin-bottom:1.2rem}.step-card h3{font-size:1.08rem}.step-card p{color:#a9bfd8;font-size:.9rem;margin:0}
.faq .accordion-item{border:1px solid var(--line)!important;border-radius:16px!important;overflow:hidden;margin-bottom:12px}.faq .accordion-button{font-weight:600;padding:1.15rem 1.3rem;box-shadow:none!important}.faq .accordion-button:not(.collapsed){background:var(--blue-soft);color:var(--blue)}.faq .accordion-body{color:var(--muted);font-size:.94rem}
.page-hero{background:radial-gradient(circle at 85% 20%,rgba(14,140,255,.22),transparent 28%),linear-gradient(120deg,#061326,#0a2446);padding:105px 0 90px;color:#fff;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 15% 20%,rgba(216,165,58,.12) 0 2px,transparent 3px);background-size:48px 48px}.page-hero .container{position:relative;z-index:1}.page-hero h1{font-weight:800;font-size:clamp(2.4rem,4vw,4.5rem);letter-spacing:-.04em}.page-hero p{color:#c8d8e9;max-width:760px}.breadcrumb{--bs-breadcrumb-divider:'›'}.breadcrumb-item,.breadcrumb-item a{color:#9ebad6}.breadcrumb-item.active{color:#fff}
.content-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:2rem;box-shadow:0 10px 30px rgba(7,20,38,.04)}.content-card h2,.content-card h3{font-weight:700}.content-card p,.content-card li{color:var(--muted)}
.course-hero-icon{width:150px;height:150px;border-radius:38px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:4.4rem;color:#58b4ff;box-shadow:inset 0 0 50px rgba(14,140,255,.08)}
.outcome-card{padding:1.3rem;border:1px solid var(--line);border-radius:16px;background:#fff;height:100%}.outcome-card i{color:var(--blue);font-size:1.25rem}.outcome-card strong{font-size:.94rem}.outcome-card p{font-size:.86rem;color:var(--muted);margin:.35rem 0 0}
.fee-card{height:100%;border:1px solid var(--line);border-radius:24px;padding:2rem;background:#fff;position:relative;overflow:hidden}.fee-card.featured{border:2px solid var(--blue);box-shadow:var(--shadow)}.fee-badge{position:absolute;right:-44px;top:22px;transform:rotate(40deg);background:var(--blue);color:#fff;width:170px;text-align:center;font-size:.72rem;font-weight:700;padding:.35rem}.fee-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;color:var(--blue);font-weight:700}.fee-card h3{font-weight:700}.fee-price{font-size:2rem;font-weight:800;color:var(--navy)}.fee-card .small-note{color:var(--muted);font-size:.86rem}.fee-list{list-style:none;padding:0;margin:1.4rem 0}.fee-list li{display:flex;gap:.6rem;margin:.65rem 0;color:#4f5e72;font-size:.91rem}.fee-list i{color:var(--blue)}
.blog-card{height:100%;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.2s}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.blog-cover{height:190px;background:linear-gradient(145deg,var(--navy),#0d3c73);display:flex;align-items:flex-end;padding:1.5rem;position:relative;overflow:hidden}.blog-cover:after{content:"";font-family:'bootstrap-icons';position:absolute;right:14px;top:-25px;font-size:8rem;color:rgba(255,255,255,.06)}.blog-tag{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);color:#d6eaff;border-radius:999px;padding:.35rem .65rem;font-size:.72rem}.blog-card .card-body{padding:1.45rem}.blog-card h2,.blog-card h3{font-size:1.15rem;font-weight:700}.blog-card p{font-size:.9rem;color:var(--muted)}
.article{max-width:860px;margin-inline:auto}.article .lead{color:#42516a}.article h2{font-weight:700;margin-top:2.2rem;margin-bottom:.8rem;font-size:1.65rem}.article h3{font-weight:700;margin-top:1.7rem;font-size:1.25rem}.article p,.article li{color:#526176}.article-callout{border-left:4px solid var(--blue);background:var(--blue-soft);padding:1.2rem 1.4rem;border-radius:0 16px 16px 0;margin:1.8rem 0}.article-nav{padding:1.4rem;border:1px solid var(--line);border-radius:18px;background:#fff}
.contact-card{border:1px solid var(--line);border-radius:24px;padding:2rem;background:#fff;box-shadow:var(--shadow)}.form-control,.form-select{border-radius:12px;border-color:#dbe4ef;padding:.78rem .9rem}.form-control:focus,.form-select:focus{border-color:#7dbcf8;box-shadow:0 0 0 .2rem rgba(14,140,255,.12)}.contact-info-card{padding:1.3rem;border-radius:18px;background:#fff;border:1px solid var(--line);height:100%}.contact-info-card i{width:46px;height:46px;border-radius:14px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:1.15rem}.contact-info-card p,.contact-info-card a{color:var(--muted);font-size:.9rem}.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}
.alert{border-radius:14px}
.cta-strip{background:linear-gradient(105deg,#0871e8,#064f9f);overflow:hidden}.cta-strip:before,.cta-strip:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:300px;height:300px;right:6%;top:-220px}.cta-strip:after{width:180px;height:180px;right:17%;top:50px}.site-footer{background:#050f1e;color:#aec1d5}.footer-logo{filter:none}.footer-title{font-size:1rem;color:#fff;font-weight:700;margin-bottom:1.1rem}.footer-links,.footer-contact{list-style:none;padding:0;margin:0}.footer-links li{margin:.55rem 0}.footer-links a,.footer-contact a{color:#aec1d5;font-size:.9rem}.footer-links a:hover,.footer-contact a:hover,.site-footer .small a:hover{color:#fff}.footer-contact li{display:flex;gap:.7rem;margin:.7rem 0;align-items:flex-start}.footer-contact i{color:#49aaff}.footer-rule{border-color:rgba(255,255,255,.12)}.social-btn{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.07);display:grid;place-items:center;color:#fff}.social-btn:hover{background:var(--blue)}
.whatsapp-float{position:fixed;right:20px;bottom:22px;z-index:1030;display:flex;align-items:center;gap:.55rem;background:#1eaa59;color:#fff!important;border-radius:999px;padding:.72rem 1rem;box-shadow:0 12px 26px rgba(12,80,42,.28);font-weight:700;font-size:.86rem}.whatsapp-float i{font-size:1.2rem}.back-to-top{position:fixed;right:24px;bottom:82px;width:42px;height:42px;border:none;border-radius:12px;background:var(--navy);color:#fff;display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;z-index:1020}.back-to-top.show{opacity:1;visibility:visible;transform:none}
.mobile-contact-bar{display:none}
@media (max-width:991.98px){.main-nav{min-height:74px}.navbar-brand img{max-width:220px}.navbar-collapse{padding:1rem 0 1.3rem}.main-nav .nav-link{padding:.7rem .2rem!important}.hero{min-height:auto;padding:90px 0 140px}.hero-art{max-width:500px;margin-top:2.2rem}.hero-quote{right:10px}.trust-strip{margin-top:-30px}.section-space{padding:75px 0}.teacher-badge{right:10px}.whatsapp-float span{display:none}.whatsapp-float{width:52px;height:52px;justify-content:center;padding:0}.course-hero-icon{margin-top:2rem}}
@media (max-width:767.98px){.hero{padding-top:70px}.hero h1{font-size:2.75rem}.hero-quote{position:relative;right:auto;bottom:auto;margin:1rem auto 0;width:min(100%,330px)}.trust-card{padding:.7rem}.trust-item{padding:.7rem}.section-space{padding:62px 0}.page-hero{padding:75px 0 65px}.content-card,.contact-card{padding:1.35rem}.about-visual{padding:0}.teacher-badge{position:relative;top:auto;right:auto;margin-top:-20px;margin-left:auto}.cta-strip .btn{margin-bottom:.5rem}.footer-logo{max-width:220px}.whatsapp-float{bottom:18px;right:16px}.back-to-top{right:21px;bottom:78px}}
@media (max-width:575.98px){.navbar-brand img{max-width:190px}.hero h1{font-size:2.35rem}.hero .lead{font-size:.96rem}.hero .btn-lg{font-size:.9rem;padding:.75rem 1rem}.section-title{font-size:2rem}.page-hero h1{font-size:2.35rem}.course-visual{height:150px}.course-visual i{font-size:3.8rem}}