:root{
  --bg:#020914;--bg2:#071426;--panel:#081525;--gold:#d6a545;--gold2:#f2d27d;
  --cyan:#32d8ff;--text:#f8f4ea;--muted:#b9c7d8;--line:rgba(214,165,69,.25)
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);
background:radial-gradient(circle at 15% 0,rgba(29,106,166,.2),transparent 28%),
linear-gradient(180deg,#01060d,#061120 48%,#020812)}
a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
.container{width:min(1160px,92%);margin:auto}
header{position:sticky;top:0;z-index:50;background:rgba(1,7,14,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px;font-family:Georgia,serif;font-size:22px;font-weight:700}
.brand img{width:52px;height:52px;object-fit:contain}
.menu{display:flex;align-items:center;gap:20px;font-size:14px;color:#dce7f2}
.menu a:hover,.menu a.active{color:var(--gold2)}
.nav-actions{display:flex;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border-radius:999px;font-weight:800;border:1px solid transparent}
.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#07111d}
.btn-outline{border-color:rgba(242,210,125,.5);color:var(--gold2)}
.hero{padding:72px 0}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}
.hero h1,.page-hero h1{font-family:Georgia,serif;font-size:clamp(44px,6vw,76px);line-height:1;margin:12px 0 20px}
.hero p,.page-hero p,.lead{color:var(--muted);font-size:18px;line-height:1.75}
.kicker{color:var(--gold2);letter-spacing:2px;text-transform:uppercase;font-size:12px;font-weight:800}
.hero-logo{max-width:480px;margin:auto;filter:drop-shadow(0 15px 40px rgba(0,0,0,.5))}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.section{padding:74px 0}
.section-head{text-align:center;max-width:760px;margin:0 auto 35px}
.section-head h2{font-family:Georgia,serif;font-size:clamp(34px,4vw,52px);margin:8px 0 12px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.card{background:rgba(8,21,37,.86);border:1px solid var(--line);border-radius:22px;padding:26px}
.card h3{margin-top:0}.card p{color:var(--muted);line-height:1.65}
.icon{font-size:28px;margin-bottom:12px}
.page-hero{padding:72px 0 48px;text-align:center}
.content-wrap{max-width:900px;margin:auto}
.feature-list{display:grid;gap:14px}
.feature{display:flex;gap:12px;padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}
.feature b{color:var(--gold2)}
.poster{border-radius:24px;border:1px solid rgba(242,210,125,.45);box-shadow:0 20px 60px rgba(0,0,0,.35)}
.cta{margin:60px auto 80px;padding:46px 24px;border-radius:28px;text-align:center;border:1px solid var(--line);
background:linear-gradient(135deg,rgba(214,165,69,.08),rgba(50,216,255,.05))}
footer{border-top:1px solid var(--line);padding:34px 0;color:var(--muted)}
.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .9fr;gap:28px}
footer h4{color:var(--gold2);margin-top:0}
footer a{display:block;margin:8px 0}
.mobile-toggle{display:none}
@media(max-width:900px){
  .menu{display:none}.hero-grid,.grid-3,.grid-2,.footer-grid{grid-template-columns:1fr}
  .hero{padding-top:48px}.nav-actions .btn-outline{display:none}
}

.hero-visual{width:100%;border-radius:28px;border:1px solid rgba(242,210,125,.35);box-shadow:0 20px 60px rgba(0,0,0,.35);overflow:hidden;background:rgba(255,255,255,.02)}
.hero-visual img{width:100%;height:auto;display:block}

/* V7 professional polish */
body{line-height:1.5}
.nav{min-height:72px}
.menu{gap:18px}
.menu a{position:relative;padding:10px 0}
.menu a.active:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--gold),var(--cyan))}
.nav-toggle{display:none;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--gold2);font-size:22px;cursor:pointer}
.hero{padding:78px 0 64px}
.hero h1{max-width:760px}
.hero-visual{border-radius:30px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.42);border:1px solid rgba(242,210,125,.42)}
.hero-visual img{aspect-ratio:16/10;object-fit:cover}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.trust-item{padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}
.trust-item strong{display:block;color:var(--gold2);font-size:14px;margin-bottom:4px}.trust-item span{color:var(--muted);font-size:13px}
.card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.card:hover{transform:translateY(-4px);border-color:rgba(242,210,125,.45);box-shadow:0 16px 40px rgba(0,0,0,.22)}
.card .icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;border:1px solid rgba(214,165,69,.32);background:linear-gradient(145deg,rgba(214,165,69,.10),rgba(50,216,255,.05));color:var(--gold2)}
.section-soft{background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0))}
.mini-label{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;color:var(--gold2);font-weight:800}
.prose{color:var(--muted);line-height:1.8;font-size:17px}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.stats-row .card{text-align:center}.stats-row strong{display:block;font-family:Georgia,serif;color:var(--gold2);font-size:30px}.stats-row span{color:var(--muted);font-size:13px}
.footer-brand-copy{max-width:420px;line-height:1.7}
@media(max-width:900px){
 .nav-toggle{display:inline-grid;place-items:center}.menu{display:none;position:absolute;top:72px;left:4%;right:4%;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(2,9,20,.98);box-shadow:0 18px 50px rgba(0,0,0,.4);flex-direction:column;align-items:stretch}.menu.open{display:flex}.menu a{padding:10px 8px}.nav{position:relative}.trust-strip{grid-template-columns:1fr 1fr}.stats-row{grid-template-columns:1fr}.hero-grid{gap:30px}
}
@media(max-width:620px){.trust-strip{grid-template-columns:1fr}.hero h1{font-size:42px}.hero p,.page-hero p,.lead,.prose{font-size:16px}}


/* =========================================================
   NOORY HOME V8 — PREMIUM LANDING PAGE
   Scoped to .home-page to preserve all inner pages.
   ========================================================= */
.home-page{background:#020a13;color:#f8f3e7}
.home-page .home-header{position:absolute;top:0;left:0;right:0;z-index:80;background:linear-gradient(180deg,rgba(1,7,14,.92),rgba(1,7,14,.55),transparent);border-bottom:1px solid rgba(214,165,69,.15);backdrop-filter:blur(14px)}
.home-page .home-header .nav{min-height:84px}
.home-page .brand{font-size:24px;letter-spacing:.2px}
.home-page .brand img{width:58px;height:58px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.34))}
.home-page .menu{color:rgba(246,248,251,.88);font-size:13px}
.home-page .btn{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}
.home-page .btn:hover{transform:translateY(-2px)}
.home-page .btn-gold{background:linear-gradient(135deg,#ffe4a0 0%,#e5b758 48%,#c88b28 100%);box-shadow:0 12px 30px rgba(213,157,58,.22)}
.home-page .btn-glass{border:1px solid rgba(255,235,186,.48);color:#fff4d3;background:rgba(2,12,22,.32);backdrop-filter:blur(12px)}
.home-page .btn-lg{padding:14px 22px;font-size:14px}

.premium-hero{position:relative;min-height:790px;display:flex;align-items:center;overflow:hidden;isolation:isolate;background:#020b14}
.premium-hero-bg{position:absolute;inset:0;z-index:-4;background-image:url('noory-home-hero-image.png');background-size:cover;background-position:center center;transform:scale(1.025)}
.premium-hero-overlay{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(1,8,15,.98) 0%,rgba(1,8,15,.91) 31%,rgba(1,8,15,.56) 56%,rgba(1,8,15,.12) 78%,rgba(1,8,15,.24) 100%),linear-gradient(180deg,rgba(1,7,13,.18),rgba(1,7,13,.10) 55%,rgba(1,7,13,.72) 100%)}
.premium-hero-glow{position:absolute;left:16%;bottom:-210px;width:620px;height:620px;border-radius:50%;z-index:-2;background:radial-gradient(circle,rgba(39,177,224,.15),rgba(214,165,69,.08) 35%,transparent 68%);filter:blur(8px)}
.premium-hero-content{padding-top:130px;padding-bottom:82px}
.premium-copy{width:min(690px,60%)}
.hero-eyebrow{display:flex;align-items:center;gap:12px;color:#f1c66d;text-transform:uppercase;letter-spacing:2.7px;font-size:11px;font-weight:900}
.hero-eyebrow span{display:inline-block;width:38px;height:1px;background:linear-gradient(90deg,#e3b657,#48d9ff)}
.premium-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(58px,6.3vw,91px);line-height:.97;letter-spacing:-2.7px;max-width:780px;margin:20px 0 24px;text-wrap:balance;color:#fff8e9;text-shadow:0 14px 50px rgba(0,0,0,.42)}
.premium-copy>p{max-width:620px;font-size:18px;line-height:1.75;color:#d1deea;margin:0}
.premium-actions{margin-top:30px}
.premium-trust{display:flex;align-items:stretch;gap:0;margin-top:42px;width:min(760px,100%);border-top:1px solid rgba(242,210,125,.24);border-bottom:1px solid rgba(242,210,125,.14);background:linear-gradient(90deg,rgba(5,18,31,.48),rgba(5,18,31,.16));backdrop-filter:blur(9px)}
.premium-trust>div{flex:1;padding:17px 19px;border-right:1px solid rgba(242,210,125,.16)}
.premium-trust>div:last-child{border-right:0}
.premium-trust strong{display:block;color:#f6cf7a;font-size:13px;margin-bottom:4px}
.premium-trust span{display:block;color:#b9c8d7;font-size:12px}

.home-intro{position:relative;padding-top:92px;padding-bottom:98px;background:radial-gradient(circle at 50% -15%,rgba(49,179,222,.08),transparent 31%),linear-gradient(180deg,#030c16,#06111e)}
.home-intro:before{content:"";position:absolute;top:0;left:7%;right:7%;height:1px;background:linear-gradient(90deg,transparent,rgba(214,165,69,.5),transparent)}
.home-section-head{max-width:840px;margin-bottom:48px}
.home-section-head h2{font-size:clamp(38px,4.6vw,58px);line-height:1.07;letter-spacing:-1px}
.home-section-head p{color:#aebdcc;line-height:1.75;font-size:17px}
.home-course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.image-card{position:relative;height:500px;overflow:hidden;border-radius:26px;border:1px solid rgba(220,174,83,.25);box-shadow:0 18px 55px rgba(0,0,0,.22);isolation:isolate;background:#081421}
.image-card img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .55s ease}
.image-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,8,14,.02) 22%,rgba(2,10,18,.26) 51%,rgba(2,9,16,.96) 88%)}
.image-card-content{position:absolute;left:0;right:0;bottom:0;padding:26px}
.image-card-content span{color:#efc76f;font-size:11px;text-transform:uppercase;letter-spacing:1.8px;font-weight:900}
.image-card-content h3{font-family:Georgia,serif;font-size:27px;line-height:1.12;margin:8px 0;color:#fff8eb}
.image-card-content p{margin:0 0 14px;color:#bccad7;line-height:1.55;font-size:14px}
.image-card-content b{color:#f4d17d;font-size:13px}
.image-card:hover img{transform:scale(1.045);filter:saturate(1.05) brightness(1.04)}

.home-value{padding:105px 0;background:radial-gradient(circle at 88% 32%,rgba(213,161,68,.08),transparent 24%),#020a13}
.value-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.value-copy h2,.tutor-copy h2,.final-cta h2{font-family:Georgia,serif;font-size:clamp(38px,4.4vw,57px);line-height:1.06;letter-spacing:-1px;margin:10px 0 18px;color:#fff8eb}
.value-points{display:grid;gap:15px;margin:30px 0 25px}
.value-point{display:grid;grid-template-columns:52px 1fr;gap:15px;align-items:start;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.value-number{color:#e9bd62;font-family:Georgia,serif;font-size:22px}
.value-point strong{display:block;color:#f7eddb;font-size:16px;margin-bottom:5px}
.value-point span{color:#9fafbd;font-size:14px;line-height:1.55}
.text-link{color:#f0c66e;font-weight:800;font-size:14px}
.value-panel{position:relative;padding:1px;border-radius:30px;background:linear-gradient(145deg,rgba(242,210,125,.65),rgba(51,217,255,.22),rgba(242,210,125,.12));box-shadow:0 24px 70px rgba(0,0,0,.3)}
.value-panel-inner{min-height:470px;border-radius:29px;padding:48px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 70% 15%,rgba(43,195,233,.10),transparent 26%),radial-gradient(circle at 30% 90%,rgba(213,161,68,.10),transparent 28%),#071522}
.panel-label{color:#e8bd64;text-transform:uppercase;letter-spacing:1.7px;font-size:11px;font-weight:900}
.value-panel h3{font-family:Georgia,serif;font-size:clamp(34px,4vw,50px);line-height:1.1;color:#fff7e7;margin:15px 0 18px}
.value-panel p{color:#b1c0ce;line-height:1.7;max-width:500px}
.panel-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:23px}

.home-tutor{padding:105px 0;background:linear-gradient(180deg,rgba(255,255,255,.013),transparent),#05101c}
.tutor-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:68px;align-items:center}
.tutor-art{position:relative;height:620px;overflow:hidden;border-radius:30px;border:1px solid rgba(242,210,125,.34);box-shadow:0 24px 70px rgba(0,0,0,.32)}
.tutor-art:after{content:"";position:absolute;inset:0;box-shadow:inset 0 -90px 100px rgba(2,8,14,.22);pointer-events:none}
.tutor-art img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
.tutor-copy{max-width:620px}
.tutor-tags{display:flex;flex-wrap:wrap;gap:10px;margin:27px 0 30px}
.tutor-tags span{padding:9px 13px;border-radius:999px;border:1px solid rgba(242,210,125,.24);background:rgba(255,255,255,.025);color:#d5e0e8;font-size:12px}

.home-final{padding:74px 0 90px;background:#020914}
.final-cta{display:grid;grid-template-columns:1.35fr .65fr;gap:50px;align-items:center;padding:50px 54px;border-radius:30px;border:1px solid rgba(242,210,125,.32);background:radial-gradient(circle at 84% 20%,rgba(51,217,255,.08),transparent 28%),linear-gradient(135deg,rgba(214,165,69,.09),rgba(4,16,29,.94));box-shadow:0 22px 70px rgba(0,0,0,.24)}
.final-cta p{color:#aebdca;line-height:1.7;max-width:720px}
.final-actions{display:flex;flex-direction:column;gap:12px}
.footer-bottom{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);font-size:13px}

@media(max-width:1080px){
  .premium-copy{width:min(760px,72%)}
  .premium-copy h1{font-size:clamp(54px,7vw,82px)}
  .home-course-grid{grid-template-columns:1fr 1fr}
  .home-course-grid .image-card:last-child{grid-column:1/-1;height:430px}
}
@media(max-width:900px){
  .home-page .home-header{position:absolute}
  .home-page .menu{top:76px;background:rgba(2,9,18,.98)}
  .premium-hero{min-height:820px;align-items:flex-end}
  .premium-hero-bg{background-position:62% center}
  .premium-hero-overlay{background:linear-gradient(180deg,rgba(1,8,15,.12) 0%,rgba(1,8,15,.28) 28%,rgba(1,8,15,.92) 63%,rgba(1,8,15,.99) 100%)}
  .premium-hero-content{padding-top:180px;padding-bottom:58px}
  .premium-copy{width:100%}
  .premium-copy h1{font-size:clamp(48px,10vw,72px);max-width:760px}
  .premium-trust{display:grid;grid-template-columns:1fr 1fr}
  .premium-trust>div:nth-child(2){border-right:0}
  .premium-trust>div:nth-child(-n+2){border-bottom:1px solid rgba(242,210,125,.16)}
  .value-layout,.tutor-layout,.final-cta{grid-template-columns:1fr}
  .value-layout,.tutor-layout{gap:38px}
  .tutor-art{height:560px}
  .final-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:650px){
  .home-page .home-header .nav{min-height:74px}
  .home-page .brand span{display:none}
  .home-page .brand img{width:50px;height:50px}
  .home-page .nav-actions .btn-gold{padding:10px 14px;font-size:12px}
  .premium-hero{min-height:760px}
  .premium-hero-bg{background-position:67% center}
  .premium-hero-content{padding-top:145px;padding-bottom:46px}
  .hero-eyebrow{font-size:10px;letter-spacing:1.6px}
  .premium-copy h1{font-size:47px;letter-spacing:-1.8px;margin-top:16px}
  .premium-copy>p{font-size:16px}
  .premium-actions{flex-direction:column}
  .premium-actions .btn{width:100%}
  .premium-trust{grid-template-columns:1fr 1fr;margin-top:30px}
  .premium-trust>div{padding:13px}
  .premium-trust strong{font-size:12px}
  .premium-trust span{font-size:11px}
  .home-intro,.home-value,.home-tutor{padding:72px 0}
  .home-course-grid{grid-template-columns:1fr}
  .home-course-grid .image-card,.home-course-grid .image-card:last-child{grid-column:auto;height:430px}
  .value-panel-inner{min-height:auto;padding:32px 25px}
  .value-panel h3{font-size:36px}
  .tutor-art{height:500px}
  .final-cta{padding:34px 24px}
  .final-actions{flex-direction:column}
  .final-actions .btn{width:100%}
}


/* NOORY HOME V9 — ARABIC LANGUAGE ONLY */
.arabic-variety-grid{
  grid-template-columns:repeat(4,1fr);
}
.language-card{
  min-height:360px;
  display:flex;
  flex-direction:column;
  padding:30px;
  border-radius:26px;
  border:1px solid rgba(220,174,83,.28);
  background:
    radial-gradient(circle at 85% 8%,rgba(52,215,255,.10),transparent 30%),
    linear-gradient(155deg,rgba(14,34,51,.98),rgba(5,15,26,.98));
  box-shadow:0 18px 55px rgba(0,0,0,.24);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.language-card:hover{
  transform:translateY(-5px);
  border-color:rgba(242,210,125,.55);
  box-shadow:0 24px 65px rgba(0,0,0,.30);
}
.language-card-code{
  width:60px;
  height:60px;
  display:grid;
  place-items:center;
  border-radius:18px;
  border:1px solid rgba(242,210,125,.35);
  background:rgba(214,165,69,.08);
  color:#f2cf7a;
  font-family:Georgia,serif;
  font-weight:700;
  font-size:17px;
  margin-bottom:28px;
}
.language-card>span{
  color:#efc76f;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:1.6px;
  font-weight:900;
}
.language-card h3{
  font-family:Georgia,serif;
  color:#fff8eb;
  font-size:26px;
  line-height:1.12;
  margin:10px 0 14px;
}
.language-card p{
  color:#b8c6d3;
  line-height:1.65;
  font-size:14px;
  margin:0 0 24px;
}
.language-card b{
  color:#f4d17d;
  margin-top:auto;
  font-size:13px;
}
@media(max-width:1080px){
  .arabic-variety-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .arabic-variety-grid{grid-template-columns:1fr}
  .language-card{min-height:310px}
}


/* =========================================================
   NOORY ARABIC HOME V10
   Dark navy / black / gold landing page
   ========================================================= */
.arabic-home{background:#020912;color:#f8f1df}
.arabic-home .container{width:min(1280px,92%);margin:auto}
.arabic-header{position:sticky;top:0;z-index:100;background:rgba(1,7,14,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(219,164,68,.22)}
.arabic-nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.arabic-brand{display:flex;align-items:center;gap:11px;color:#f3d18a}
.arabic-brand img{width:48px;height:48px;object-fit:contain}
.arabic-brand span{display:flex;flex-direction:column;line-height:1}
.arabic-brand b{font-family:Georgia,serif;font-size:25px;color:#f4d486}
.arabic-brand small{font-size:8px;letter-spacing:4px;color:#d6a545;margin-top:5px}
.arabic-menu{display:flex;align-items:center;gap:22px;font-size:13px;color:#d9e2ea}
.arabic-menu a{padding:28px 0 22px;border-bottom:2px solid transparent}
.arabic-menu a:hover,.arabic-menu a.active{color:#f3ca72;border-bottom-color:#d8a344}
.arabic-home .btn-gold{background:linear-gradient(135deg,#ffe29a,#e5b34d 48%,#c88722);color:#09111a;border:0;box-shadow:0 10px 28px rgba(209,151,45,.20)}
.arabic-home .btn-outline{border:1px solid rgba(229,182,91,.55);color:#f2ce7c;background:rgba(255,255,255,.015)}
.arabic-home .btn-lg{padding:14px 22px}
.gold-kicker{font-size:11px;font-weight:900;letter-spacing:2.7px;color:#e8b84f;text-transform:uppercase}

/* Hero */
.arabic-hero{position:relative;overflow:hidden;min-height:650px;background:
  radial-gradient(circle at 72% 42%,rgba(217,157,53,.18),transparent 20%),
  radial-gradient(circle at 72% 52%,rgba(19,87,130,.18),transparent 33%),
  linear-gradient(135deg,#071522 0%,#020a13 55%,#01060b 100%)}
.arabic-hero-pattern{position:absolute;inset:0;opacity:.35;pointer-events:none;background-image:
  radial-gradient(circle at 10% 20%,rgba(242,190,84,.4) 0 1px,transparent 1.5px),
  radial-gradient(circle at 80% 35%,rgba(255,255,255,.35) 0 1px,transparent 1.5px);
  background-size:80px 80px,120px 120px}
.arabic-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:74px 0 66px}
.arabic-hero-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(54px,6vw,83px);line-height:.97;margin:15px 0 24px;color:#fff7e5;letter-spacing:-2.2px}
.arabic-hero-copy h1 span{color:#f0be59}
.arabic-hero-copy>p{max-width:650px;color:#c2cfdb;font-size:17px;line-height:1.75}
.arabic-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
.arabic-trust-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:34px;border:1px solid rgba(218,165,69,.32);border-radius:18px;overflow:hidden;background:rgba(1,9,17,.58);backdrop-filter:blur(8px)}
.arabic-trust-strip>div{padding:14px 14px;border-right:1px solid rgba(218,165,69,.18);display:flex;flex-direction:column;min-width:0}
.arabic-trust-strip>div:last-child{border-right:0}
.trust-mark{font-size:10px;color:#e5ae48;margin-bottom:5px}
.arabic-trust-strip b{font-size:12px;color:#f6e4bb}
.arabic-trust-strip small{font-size:10px;color:#9eacba;margin-top:3px}

.arabic-hero-art{height:520px;display:flex;align-items:center;justify-content:center}
.ornate-arch{position:relative;width:min(440px,92%);height:500px;border:3px solid #b97e27;border-radius:220px 220px 28px 28px;background:
  radial-gradient(circle at 50% 62%,rgba(255,193,72,.44),transparent 23%),
  linear-gradient(180deg,#101c26 0%,#07111a 52%,#02070d 100%);
  box-shadow:0 0 0 8px rgba(222,161,59,.12),0 0 70px rgba(218,155,50,.20),inset 0 0 70px rgba(223,163,59,.09);
  overflow:hidden}
.ornate-arch:before{content:"";position:absolute;inset:16px;border:1px solid rgba(238,191,89,.42);border-radius:205px 205px 22px 22px}
.ornate-arch:after{content:"";position:absolute;left:15%;right:15%;bottom:54px;height:150px;background:
  linear-gradient(90deg,transparent 0 6%,#81561c 6% 7%,transparent 7% 17%,#81561c 17% 18%,transparent 18% 29%,#81561c 29% 30%,transparent 30% 42%,#81561c 42% 43%,transparent 43% 57%,#81561c 57% 58%,transparent 58% 70%,#81561c 70% 71%,transparent 71% 83%,#81561c 83% 84%,transparent 84% 94%,#81561c 94% 95%,transparent 95%);
  opacity:.75}
.arch-glow{position:absolute;width:190px;height:190px;border-radius:50%;left:50%;bottom:70px;transform:translateX(-50%);background:radial-gradient(circle,#ffd36d 0%,rgba(226,154,43,.55) 25%,transparent 70%);filter:blur(4px)}
.arch-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;z-index:2}
.arch-copy span,.arch-copy em{text-transform:uppercase;letter-spacing:2px;font-size:13px;color:#e2b75b;font-style:normal}
.arch-copy strong{font-family:Georgia,serif;font-size:43px;color:#fff1cc;margin:10px 0}

/* Courses */
.arabic-courses{padding:88px 0;background:#030c15;border-top:1px solid rgba(218,165,69,.16)}
.arabic-section-head{max-width:800px;margin:0 auto 42px;text-align:center}
.arabic-section-head h2{font-family:Georgia,serif;font-size:clamp(36px,4.4vw,56px);margin:10px 0 12px;color:#fff4dd}
.arabic-section-head p{color:#aebdca}
.dialect-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.dialect-card{border:1px solid rgba(216,157,58,.42);border-radius:26px;overflow:hidden;background:linear-gradient(180deg,#091725,#040b12);box-shadow:0 18px 50px rgba(0,0,0,.20)}
.dialect-city{height:190px;position:relative;border-bottom:1px solid rgba(218,165,69,.25)}
.dialect-city:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(3,9,15,.92))}
.dialect-city:after{content:"";position:absolute;left:0;right:0;bottom:0;height:72px;opacity:.95}
.msa-city{background:linear-gradient(180deg,#f0b25a 0%,#754728 45%,#10202a 100%)}
.msa-city:after{background:linear-gradient(90deg,transparent 4%,#0c1c26 4% 9%,transparent 9% 15%,#0c1c26 15% 18%,transparent 18% 25%,#0c1c26 25% 33%,transparent 33% 40%,#0c1c26 40% 45%,transparent 45% 55%,#0c1c26 55% 61%,transparent 61% 70%,#0c1c26 70% 78%,transparent 78% 86%,#0c1c26 86% 93%,transparent 93%)}
.egypt-city{background:linear-gradient(180deg,#e5b068,#b26c33 48%,#111c24 100%)}
.egypt-city:after{background:linear-gradient(145deg,transparent 0 34%,#172028 34% 55%,transparent 55%),linear-gradient(215deg,transparent 0 39%,#172028 39% 60%,transparent 60%)}
.gulf-city{background:linear-gradient(180deg,#6eb8e8 0%,#d8b678 55%,#17232b 100%)}
.gulf-city:after{background:linear-gradient(90deg,transparent 10%,#101c24 10% 18%,transparent 18% 30%,#101c24 30% 36%,transparent 36% 48%,#101c24 48% 57%,transparent 57% 70%,#101c24 70% 80%,transparent 80% 88%,#101c24 88% 94%,transparent 94%)}
.algeria-city{background:linear-gradient(180deg,#72b7e5 0%,#e1a566 52%,#15232c 100%)}
.algeria-city:after{background:linear-gradient(90deg,transparent 5%,#102029 5% 16%,transparent 16% 22%,#102029 22% 33%,transparent 33% 42%,#102029 42% 51%,transparent 51% 59%,#102029 59% 67%,transparent 67% 77%,#102029 77% 86%,transparent 86%)}
.dialect-body{padding:22px 22px 25px}
.dialect-body>span{font-size:10px;color:#dba94c;letter-spacing:1.6px;font-weight:900}
.dialect-body h3{font-family:Georgia,serif;font-size:24px;line-height:1.13;color:#f8d88f;margin:7px 0 12px}
.dialect-body p{font-size:14px;color:#b9c5d0;line-height:1.6;min-height:88px}
.dialect-body ul{padding-left:18px;color:#d6dee6;font-size:12px;line-height:1.7;margin:16px 0 0}

/* Teacher */
.arabic-teacher{padding:92px 0;background:linear-gradient(180deg,#071421,#020a13)}
.teacher-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:center}
.teacher-copy h2{font-family:Georgia,serif;font-size:clamp(39px,4.5vw,57px);line-height:1.06;color:#fff3dc;margin:12px 0 16px}
.teacher-copy>p{color:#aebdca;line-height:1.75;font-size:16px}
.teacher-features{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:26px 0 30px}
.teacher-features>div{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid rgba(255,255,255,.06)}
.teacher-features span{color:#e0aa45;font-size:11px}
.teacher-features b{font-size:13px;color:#e3e8ed}
.teacher-poster-wrap{border:1px solid rgba(226,170,69,.42);border-radius:24px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.34);background:#02070b}
.teacher-poster-wrap img{width:100%;display:block}

/* Benefit strip + final */
.arabic-benefits{background:#020911;border-top:1px solid rgba(218,165,69,.16);border-bottom:1px solid rgba(218,165,69,.16)}
.benefit-bar{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0}
.benefit-bar>div{display:flex;flex-direction:column;align-items:center;text-align:center;border-right:1px solid rgba(218,165,69,.16)}
.benefit-bar>div:last-child{border-right:0}
.benefit-bar strong{font-family:Georgia,serif;color:#f0c46c;font-size:22px}
.benefit-bar span{color:#9eadba;font-size:12px;margin-top:4px}
.arabic-final{padding:70px 0 84px;background:#06111d}
.final-box{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center;border:1px solid rgba(220,164,67,.32);border-radius:26px;padding:42px 48px;background:radial-gradient(circle at 85% 15%,rgba(49,209,244,.08),transparent 30%),rgba(4,14,25,.82)}
.final-box h2{font-family:Georgia,serif;font-size:44px;color:#fff2d7;margin:9px 0 8px}
.final-box p{color:#aebdca}
.final-buttons{display:flex;flex-direction:column;gap:11px}
.arabic-footer{border-top:1px solid rgba(218,165,69,.22);background:#01070d;padding:38px 0 24px;color:#a9b7c4}
.arabic-footer h4{color:#e6b754}
.arabic-footer a{display:block;margin:8px 0}
.arabic-footer .footer-bottom{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06);font-size:12px}

@media(max-width:1060px){
  .arabic-menu{display:none}
  .arabic-hero-grid{grid-template-columns:1fr}
  .arabic-hero-art{height:450px}
  .dialect-grid{grid-template-columns:1fr 1fr}
  .teacher-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .arabic-nav{min-height:68px}
  .arabic-brand b{font-size:20px}
  .arabic-brand small{letter-spacing:2px}
  .arabic-header .nav-actions .btn-outline{display:none}
  .arabic-header .nav-actions .btn-gold{padding:10px 13px;font-size:12px}
  .arabic-hero-grid{padding-top:48px}
  .arabic-hero-copy h1{font-size:49px}
  .arabic-trust-strip{grid-template-columns:1fr 1fr}
  .arabic-trust-strip>div{border-bottom:1px solid rgba(218,165,69,.15)}
  .arabic-hero-art{height:390px}
  .ornate-arch{height:370px}
  .arch-copy strong{font-size:33px}
  .dialect-grid{grid-template-columns:1fr}
  .teacher-features{grid-template-columns:1fr}
  .benefit-bar{grid-template-columns:1fr 1fr;gap:0}
  .benefit-bar>div{padding:14px;border-bottom:1px solid rgba(218,165,69,.13)}
  .final-box{grid-template-columns:1fr;padding:30px 24px}
  .final-buttons .btn{width:100%}
}


/* =========================================================
   NOORY ARABIC SITE V11 — INNER PAGES
   ========================================================= */
.inner-header{position:sticky}
.inner-page{background:#020912}
.inner-hero{
  padding:86px 0 68px;
  text-align:center;
  border-bottom:1px solid rgba(218,165,69,.18);
  background:
    radial-gradient(circle at 50% 0%,rgba(47,170,210,.09),transparent 32%),
    radial-gradient(circle at 80% 15%,rgba(218,165,69,.08),transparent 25%),
    linear-gradient(180deg,#071522,#020a13);
}
.inner-hero .container{max-width:920px}
.inner-hero h1{
  font-family:Georgia,serif;
  font-size:clamp(46px,6vw,72px);
  line-height:1.02;
  letter-spacing:-1.7px;
  color:#fff5df;
  margin:13px 0 18px;
}
.inner-hero p{color:#b7c5d1;font-size:17px;line-height:1.75;max-width:780px;margin:auto}
.inner-section{padding:82px 0;background:#030b14}

.course-detail-stack{display:grid;gap:24px}
.course-detail-card{
  padding:34px;
  border:1px solid rgba(218,165,69,.30);
  border-radius:27px;
  background:
    radial-gradient(circle at 95% 0%,rgba(43,202,239,.06),transparent 25%),
    linear-gradient(145deg,#091725,#040b13);
  box-shadow:0 18px 55px rgba(0,0,0,.20)
}
.course-detail-top{display:grid;grid-template-columns:78px 1fr;gap:22px;align-items:start}
.course-code{
  width:70px;height:70px;border-radius:19px;display:grid;place-items:center;
  border:1px solid rgba(237,191,91,.42);background:rgba(218,165,69,.07);
  color:#f1ca74;font-family:Georgia,serif;font-weight:700;font-size:18px
}
.course-label{font-size:10px;letter-spacing:1.8px;color:#dca846;font-weight:900;text-transform:uppercase}
.course-detail-card h2{font-family:Georgia,serif;font-size:34px;color:#fff0d0;margin:5px 0 8px}
.course-detail-top p{color:#b8c5d1;line-height:1.7;margin:0;max-width:900px}
.course-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0}
.course-detail-grid>div{padding:18px;border-top:1px solid rgba(218,165,69,.24);background:rgba(255,255,255,.015)}
.course-detail-grid h3{font-size:13px;color:#f0c66e;margin:0 0 8px}
.course-detail-grid p{font-size:13px;line-height:1.6;color:#aebbc7;margin:0}

.feature-quad{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.info-card,.step-card{
  padding:30px;border-radius:25px;border:1px solid rgba(218,165,69,.27);
  background:linear-gradient(145deg,#091725,#040b13)
}
.info-card>span,.step-card>span{color:#dca846;font-size:12px;font-weight:900}
.info-card h2,.step-card h2{font-family:Georgia,serif;font-size:28px;color:#fff0d4;margin:10px 0}
.info-card p,.step-card p{color:#afbdc9;line-height:1.7}

.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}

.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.plan-card{
  padding:30px;border-radius:26px;border:1px solid rgba(218,165,69,.27);
  background:linear-gradient(180deg,#0a1a2a,#040c14);display:flex;flex-direction:column
}
.plan-card.featured{border-color:rgba(242,210,125,.60);box-shadow:0 22px 60px rgba(211,156,52,.09)}
.plan-card>span{color:#dca846;font-size:10px;font-weight:900;letter-spacing:1.6px}
.plan-card h2{font-family:Georgia,serif;font-size:30px;color:#fff0d2;margin:9px 0}
.plan-card p{color:#afbdc9;line-height:1.65}
.plan-card strong{font-family:Georgia,serif;font-size:24px;color:#efc66f;margin:15px 0}
.plan-card ul{padding-left:18px;color:#d2dbe3;line-height:1.8;font-size:13px;flex:1}

.teacher-detail-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}
.teacher-bio h2{font-family:Georgia,serif;font-size:48px;color:#fff0d3;margin:12px 0}
.teacher-bio>p{color:#b3c0cc;line-height:1.75;font-size:16px}
.teacher-features.single{grid-template-columns:1fr}

.faq-wrap{max-width:920px;margin:auto}
.faq-wrap details{border:1px solid rgba(218,165,69,.24);background:#071522;border-radius:17px;padding:20px 22px;margin-bottom:12px}
.faq-wrap summary{cursor:pointer;color:#f3d182;font-weight:800}
.faq-wrap p{color:#aebcc8;line-height:1.7;margin-bottom:0}

.compact-cta-section{padding-top:20px}
@media(max-width:1050px){
  .course-detail-grid{grid-template-columns:1fr 1fr}
  .steps-grid{grid-template-columns:1fr 1fr}
  .pricing-grid{grid-template-columns:1fr}
  .teacher-detail-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .inner-hero{padding:58px 0 45px}
  .inner-hero h1{font-size:45px}
  .course-detail-card{padding:23px}
  .course-detail-top{grid-template-columns:1fr}
  .course-detail-grid,.feature-quad,.steps-grid{grid-template-columns:1fr}
  .teacher-bio h2{font-size:39px}
}


/* =========================================================
   NOORY COURSES V12 — ARABIC ONLY
   ========================================================= */
.courses-only-hero p{max-width:860px}
.arabic-course-section{padding-top:62px}
.arabic-course-only-grid{display:grid;gap:26px}
.arabic-course-only-card{
  position:relative;
  padding:34px 34px 30px;
  border-radius:28px;
  border:1px solid rgba(218,165,69,.34);
  background:
    radial-gradient(circle at 95% 0%,rgba(44,202,240,.07),transparent 24%),
    linear-gradient(145deg,#091827,#040b13);
  box-shadow:0 20px 58px rgba(0,0,0,.22);
}
.course-badge{
  position:absolute;
  right:28px;
  top:26px;
  min-width:64px;
  height:46px;
  padding:0 14px;
  display:grid;
  place-items:center;
  border-radius:14px;
  border:1px solid rgba(241,198,103,.42);
  background:rgba(218,165,69,.07);
  color:#f1c96f;
  font-family:Georgia,serif;
  font-weight:700;
  font-size:15px;
}
.course-title-wrap{padding-right:100px}
.course-title-wrap>span{
  color:#dda948;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.7px;
}
.course-title-wrap h2{
  font-family:Georgia,serif;
  font-size:36px;
  line-height:1.08;
  color:#fff0d2;
  margin:8px 0 11px;
}
.course-intro{
  max-width:900px;
  color:#b8c5d1;
  line-height:1.72;
  font-size:15px;
}
.course-info-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr .9fr .9fr;
  gap:14px;
  margin:26px 0 25px;
}
.course-info-grid>div{
  min-height:180px;
  padding:20px;
  border-radius:18px;
  border:1px solid rgba(218,165,69,.17);
  background:rgba(255,255,255,.016);
}
.course-info-grid h3{
  margin:0 0 10px;
  color:#efc66e;
  font-size:13px;
}
.course-info-grid p,
.course-info-grid li{
  color:#aebcc8;
  font-size:13px;
  line-height:1.65;
}
.course-info-grid ul{
  margin:0;
  padding-left:18px;
}
.course-info-grid li+li{margin-top:4px}
.course-cta-row{
  display:flex;
  justify-content:flex-end;
}
@media(max-width:1050px){
  .course-info-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .arabic-course-only-card{padding:25px 22px}
  .course-badge{position:static;width:max-content;margin-bottom:18px}
  .course-title-wrap{padding-right:0}
  .course-title-wrap h2{font-size:31px}
  .course-info-grid{grid-template-columns:1fr}
  .course-info-grid>div{min-height:0}
  .course-cta-row{justify-content:stretch}
  .course-cta-row .btn{width:100%}
}


/* =========================================================
   NOORY HOME V13 — HERO PROMO IMAGE + REMOVE HOME TUTOR BLOCK
   ========================================================= */
.hero-promo-wrap{
  height:auto;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hero-promo-card{
  width:min(580px,100%);
  border-radius:30px;
  overflow:hidden;
  border:1px solid rgba(222,169,67,.34);
  background:#02070b;
  box-shadow:0 28px 80px rgba(0,0,0,.34), 0 0 0 10px rgba(222,169,67,.06);
}
.hero-promo-card img{
  display:block;
  width:100%;
  height:auto;
}
.arabic-benefits{
  margin-top:0;
}
@media(max-width:1060px){
  .hero-promo-card{
    max-width:540px;
  }
}
@media(max-width:700px){
  .hero-promo-card{
    width:min(430px,100%);
    border-radius:22px;
  }
}


/* =========================================================
   NOORY HOME V14 — REMOVE DUPLICATED COURSE GRID
   ========================================================= */
.home-courses-cta{
  padding:74px 0;
  background:
    radial-gradient(circle at 82% 16%,rgba(45,198,235,.07),transparent 28%),
    linear-gradient(180deg,#030c15,#06121f);
  border-top:1px solid rgba(218,165,69,.16);
  border-bottom:1px solid rgba(218,165,69,.14);
}
.home-courses-cta-box{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:42px;
  align-items:center;
  padding:40px 44px;
  border-radius:26px;
  border:1px solid rgba(218,165,69,.30);
  background:rgba(4,14,24,.72);
  box-shadow:0 18px 55px rgba(0,0,0,.18);
}
.home-courses-cta-box h2{
  font-family:Georgia,serif;
  font-size:clamp(34px,4vw,50px);
  line-height:1.08;
  color:#fff2d7;
  margin:10px 0 12px;
}
.home-courses-cta-box p{
  color:#afbdc9;
  line-height:1.7;
  margin:0;
  max-width:760px;
}
.home-courses-cta-actions{
  display:flex;
  justify-content:flex-end;
}
@media(max-width:800px){
  .home-courses-cta-box{
    grid-template-columns:1fr;
    padding:30px 24px;
  }
  .home-courses-cta-actions{
    justify-content:flex-start;
  }
}