/*
Theme Name: The Global Quran Academy
Theme URI: https://theglobalquranacademy.com/
Author: OpenAI for The Global Quran Academy
Description: Premium custom WordPress theme for an international online Quran academy, including courses, admissions, inquiries, structured data and responsive brand design.
Version: 4.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: tgqa
*/
:root{--green-950:#062e27;--green-900:#083c32;--green-800:#0b4d3e;--green-700:#106451;--green-600:#168064;--mint-100:#eaf6f1;--mint-50:#f4faf7;--gold-600:#b9852e;--gold-500:#d1a14a;--gold-400:#e2bc71;--cream:#fbf8f1;--sand:#f1e9da;--ink:#14231f;--muted:#64716c;--line:#e3e9e5;--white:#fff;--shadow:0 18px 55px rgba(10,64,51,.09);--shadow-lg:0 28px 80px rgba(8,56,45,.16);--radius:22px;--radius-lg:32px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.66;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.section{padding:100px 0}.section-sm{padding:64px 0}.alt-section{background:linear-gradient(180deg,#fbfcfb,#f6faf8)}h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;color:#102a22;line-height:1.07;margin:0 0 18px;font-weight:700;letter-spacing:-.032em}h1{font-size:clamp(3rem,5.45vw,5.35rem)}h2{font-size:clamp(2.25rem,4vw,3.8rem)}h3{font-size:1.45rem;letter-spacing:-.02em}p{color:var(--muted);margin:0 0 18px}.lead{font-size:clamp(1.06rem,1.6vw,1.25rem);max-width:760px}.lead-sm{font-size:1.08rem}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;text-transform:uppercase;letter-spacing:.14em;font-weight:850;font-size:.73rem;color:var(--green-700)}.eyebrow:before{content:"";width:26px;height:2px;border-radius:10px;background:var(--gold-500)}.eyebrow.light{color:#f2dba9}.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:20px;top:20px;z-index:9999;background:#fff;padding:10px 15px;border-radius:8px}.icon{width:24px;height:24px;flex:0 0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:12px 20px;border-radius:999px;font-weight:800;border:1px solid transparent;transition:.22s ease;cursor:pointer;line-height:1}.btn .icon{width:18px;height:18px}.btn:hover{transform:translateY(-2px)}.btn-lg{min-height:56px;padding:14px 24px}.btn-primary{background:var(--green-800);color:#fff;box-shadow:0 12px 28px rgba(11,77,62,.2)}.btn-primary:hover{background:var(--green-950)}.btn-outline{border-color:#cfdcd6;background:#fff;color:var(--green-800)}.btn-soft{background:#f1f6f3;border-color:#e0e9e4;color:var(--green-800)}.btn-gold{background:var(--gold-500);color:#14241f}.btn-ghost{color:#fff;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.06)}.btn.full{width:100%}.text-link{font-weight:850;color:var(--green-700);display:inline-flex;align-items:center;gap:8px}.text-link .icon{width:18px;height:18px}.center-action{text-align:center;margin-top:36px}
.site-topbar{background:var(--green-950);color:#d8e8e2;font-size:.79rem}.topbar-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar-promise,.topbar-contact{display:flex;align-items:center;gap:8px}.live-dot{width:7px;height:7px;border-radius:50%;background:#56d6a2;box-shadow:0 0 0 4px rgba(86,214,162,.1)}.topbar-contact a:hover{color:#fff}.topbar-sep{opacity:.42}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid rgba(224,231,226,.92);box-shadow:0 4px 20px rgba(18,56,45,.025)}.nav-wrap{height:96px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand-logo{width:230px;display:flex;align-items:center}.brand-logo .custom-logo-link{display:block}.brand-logo .custom-logo{display:block;width:auto!important;max-width:230px!important;max-height:82px!important;height:auto!important;object-fit:contain}.brand{display:flex;align-items:center;gap:12px;min-width:250px}.brand-mark{width:52px;height:52px}.brand-name{font-family:Georgia,"Times New Roman",serif;font-size:1.16rem;font-weight:700;color:var(--green-800);display:block}.brand-sub{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.11em;color:#98784a;margin-top:3px}.primary-nav{display:flex;align-items:center;justify-content:center;gap:25px;flex:1}.primary-nav a{font-size:.87rem;font-weight:760;color:#334841;white-space:nowrap;position:relative}.primary-nav a:hover{color:var(--green-700)}.primary-nav .current-menu-item>a:after,.primary-nav .current_page_item>a:after{content:"";position:absolute;height:2px;background:var(--gold-500);left:0;right:0;bottom:-10px}.nav-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.nav-whatsapp{font-size:.85rem;font-weight:800;color:var(--green-700)}.nav-cta{min-height:46px;padding-inline:17px;font-size:.84rem}.menu-toggle{display:none;width:44px;height:44px;border:0;border-radius:12px;background:#eef5f1;padding:11px;cursor:pointer}.menu-toggle span{display:block;height:2px;background:var(--green-900);margin:4px 0;border-radius:3px}.mobile-menu{padding:0 0 22px}.mobile-menu nav{display:grid;border-top:1px solid var(--line);padding-top:14px}.mobile-menu nav a{padding:11px 4px;font-weight:750}.mobile-menu-actions{display:flex;gap:10px;margin-top:12px}
.hero{position:relative;overflow:hidden;padding:92px 0 86px;background:radial-gradient(circle at 80% 20%,rgba(209,161,74,.14),transparent 30%),linear-gradient(135deg,#fbfaf6 0%,#f1f8f4 55%,#f9fbfa 100%)}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(11,77,62,.09) .7px,transparent .7px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.35),transparent);opacity:.34}.hero-grid{position:relative;display:grid;grid-template-columns:1.03fr .97fr;gap:64px;align-items:center}.hero h1{max-width:690px}.hero h1 span{color:var(--green-600)}.hero-copy .lead{max-width:650px;margin-bottom:30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}.hero-proof{display:flex;gap:24px;flex-wrap:wrap}.hero-proof>div{display:flex;align-items:center;gap:10px}.hero-proof .icon{color:var(--green-700);width:22px}.hero-proof span{display:grid}.hero-proof b{font-size:.84rem;color:#243c34}.hero-proof small{font-size:.72rem;color:#7a8681}.hero-visual{position:relative;min-height:500px}.visual-shell{position:absolute;inset:18px 0 0 18px;border:1px solid rgba(198,216,207,.8);border-radius:28px;background:#fff;box-shadow:var(--shadow-lg);overflow:hidden}.visual-top{height:58px;border-bottom:1px solid #e9eeeb;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;color:#52625c;font-size:.78rem}.visual-top>span{display:flex;gap:6px}.visual-top>span i{width:8px;height:8px;border-radius:50%;background:#dfe7e3}.visual-top b{color:#2a433a}.visual-top em{justify-self:end;background:#e8f5ef;color:var(--green-700);font-style:normal;padding:6px 9px;border-radius:999px;font-weight:850;font-size:.68rem}.visual-stage{height:365px;background:linear-gradient(145deg,#eff7f3,#f9f6ee);position:relative;padding:26px}.lesson-panel{position:absolute;left:26px;right:160px;top:30px;bottom:28px;border-radius:22px;background:#fff;padding:28px;box-shadow:0 18px 44px rgba(10,68,54,.08)}.mini-label{font-size:.64rem;color:#95805d;font-weight:900;letter-spacing:.12em}.lesson-panel h3{font-size:1.6rem;margin:9px 0 28px}.arabic-line{font-family:Georgia,"Times New Roman",serif;direction:rtl;text-align:center;font-size:1.72rem;color:var(--green-800);padding:22px 8px;border-radius:14px;background:#fbf8ef;border:1px solid #eee5d2}.sound-bars{display:flex;gap:5px;align-items:end;height:35px;margin:20px 0 10px}.sound-bars i{display:block;width:5px;border-radius:9px;background:var(--gold-500)}.sound-bars i:nth-child(1){height:14px}.sound-bars i:nth-child(2){height:28px}.sound-bars i:nth-child(3){height:20px}.sound-bars i:nth-child(4){height:32px}.progress{height:6px;background:#e9efec;border-radius:10px;overflow:hidden}.progress span{display:block;width:64%;height:100%;background:var(--green-600)}.lesson-panel small{display:block;margin-top:10px;color:#82908a}.tutor-card,.student-card{position:absolute;right:22px;width:145px;border-radius:18px;background:#fff;border:1px solid #e3ebe7;padding:15px;box-shadow:0 12px 32px rgba(12,74,59,.07);display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center}.tutor-card{top:48px}.student-card{bottom:48px}.avatar{width:42px;height:42px;border-radius:50%;background:var(--green-800);color:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-weight:800}.avatar.gold{background:var(--gold-500);color:#18352c}.tutor-card b,.student-card b{font-size:.72rem;color:#263f36;line-height:1.15}.tutor-card small,.student-card small{font-size:.61rem;color:#8a9691}.online-dot{width:8px;height:8px;border-radius:50%;background:#35bc79}.mic{font-size:.55rem;color:#52b987}.visual-bottom{height:58px;display:flex;align-items:center;justify-content:center;gap:20px;color:#61726b;font-size:.68rem;font-weight:750}.visual-bottom span{display:flex;align-items:center;gap:6px}.visual-bottom .icon{width:16px;height:16px;color:var(--green-700)}.float-card{position:absolute;background:#fff;border:1px solid #e2eae6;box-shadow:var(--shadow);border-radius:16px;padding:12px 14px;display:flex;align-items:center;gap:10px;z-index:2}.float-card small{display:block;color:#8b9792;font-size:.65rem}.float-card b{display:block;color:#244137;font-size:.8rem}.fc-icon{width:38px;height:38px;border-radius:12px;background:#eaf5f0;display:grid;place-items:center;color:var(--green-700)}.fc-icon .icon{width:19px}.fc-icon.gold{background:#fbf3df;color:var(--gold-600)}.fc-one{left:-12px;bottom:30px}.fc-two{right:-14px;top:0}.trust-band{border-block:1px solid var(--line);background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:27px 0}.trust-grid>div{padding:0 24px;border-right:1px solid var(--line)}.trust-grid>div:first-child{padding-left:0}.trust-grid>div:last-child{border-right:0}.trust-grid b{display:block;font-size:.82rem;color:#244237;margin-bottom:2px}.trust-grid span{font-size:.72rem;color:#84908b}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:42px}.section-head>div{max-width:650px}.section-head p{max-width:480px}.section-head.compact>div{max-width:580px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.course-card{position:relative;border:1px solid var(--line);border-radius:22px;padding:26px;background:#fff;min-height:318px;display:flex;flex-direction:column;transition:.22s ease}.course-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d0ded7}.course-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.course-icon{width:54px;height:54px;border-radius:16px;background:#ecf6f1;color:var(--green-700);display:grid;place-items:center}.course-icon .icon{width:27px;height:27px}.course-icon.xl{width:74px;height:74px;border-radius:22px}.course-icon.xl .icon{width:36px;height:36px}.course-arrow{width:34px;height:34px;border-radius:50%;border:1px solid #e3ebe7;display:grid;place-items:center;color:#789087}.course-card h3,.course-card h2{font-size:1.5rem;margin-bottom:12px}.course-card p{font-size:.92rem;flex:1}.course-meta{display:flex;gap:7px;flex-wrap:wrap;margin:4px 0 18px}.course-meta span{font-size:.68rem;font-weight:800;background:#f1f6f3;color:#567168;padding:6px 9px;border-radius:999px}.card-link{font-size:.82rem;font-weight:850;color:var(--green-700);align-self:flex-start;border-bottom:1px solid #b8d2c8}.archive-grid .course-card{min-height:335px}.learning-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.learning-visual{position:relative;min-height:520px}.quran-card{position:absolute;inset:30px 30px 30px 0;border-radius:34px;background:linear-gradient(145deg,#0b4b3c,#0e6651);display:grid;place-items:center;overflow:hidden;box-shadow:var(--shadow-lg)}.quran-glow{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(227,188,113,.28),transparent 65%)}.open-book{position:relative;z-index:2;display:flex;filter:drop-shadow(0 25px 30px rgba(0,0,0,.15))}.book-page{width:145px;height:175px;background:#fffaf0;padding:28px 22px;border-radius:10px 2px 2px 18px;transform:skewY(5deg);border:1px solid #e1cfaa}.book-page+.book-page{border-radius:2px 10px 18px 2px;transform:skewY(-5deg)}.book-page span{display:block;height:5px;background:#c7a864;border-radius:4px;margin:13px 0;opacity:.72}.book-stand{position:absolute;z-index:1;width:230px;height:26px;background:#d7a950;border-radius:100%;bottom:120px;transform:rotate(-2deg);opacity:.86}.mini-stat{position:absolute;z-index:3;background:#fff;border:1px solid #dce7e1;box-shadow:var(--shadow);border-radius:16px;padding:14px 18px;display:grid}.mini-stat b{font-family:Georgia,serif;color:var(--green-700);font-size:1.35rem}.mini-stat span{font-size:.7rem;color:#7d8a84}.ms-one{left:-12px;top:70px}.ms-two{right:0;bottom:76px}.feature-stack{display:grid;gap:21px;margin:32px 0}.feature-stack>div{display:flex;gap:16px;align-items:flex-start}.feature-stack .icon{width:27px;height:27px;color:var(--green-700);margin-top:3px}.feature-stack b{display:block;color:#203c33;margin-bottom:3px}.feature-stack p{font-size:.91rem;margin:0}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:steps}.steps-grid article{position:relative;border:1px solid var(--line);border-radius:20px;padding:26px;background:#fff;min-height:280px}.steps-grid article>span{font-size:.68rem;font-weight:900;color:var(--gold-600);letter-spacing:.12em}.steps-grid article>.icon{display:block;width:30px;height:30px;color:var(--green-700);margin:30px 0 20px}.steps-grid h3{font-size:1.28rem}.steps-grid p{font-size:.88rem}.experience-section{padding-top:20px}.experience-panel{border-radius:34px;background:linear-gradient(135deg,#083d33,#0b5847);padding:60px;display:grid;grid-template-columns:1.02fr .98fr;gap:60px;position:relative;overflow:hidden}.experience-panel:after{content:"";position:absolute;width:360px;height:360px;border:70px solid rgba(226,188,113,.08);border-radius:50%;right:-130px;top:-130px}.experience-panel h2{color:#fff}.experience-panel p{color:#c8ddd6}.experience-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}.experience-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;position:relative;z-index:2}.experience-list>div{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:19px;display:flex;gap:12px}.experience-list .icon{color:#e2bc71}.experience-list span{display:grid}.experience-list b{color:#fff;font-size:.83rem}.experience-list small{color:#bcd2cb;font-size:.71rem;margin-top:3px}.faq-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:start}.faq-layout>div:first-child{position:sticky;top:140px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:22px 2px;font-weight:800;color:#284039}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:1.3rem;color:var(--green-700)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{padding:0 40px 22px 2px;font-size:.92rem}.faq-list.large summary{font-size:1.02rem;padding:24px 2px}.final-cta{padding-top:30px}.cta-card{border-radius:32px;padding:54px 58px;background:linear-gradient(135deg,#07382f,#0b5947);display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;overflow:hidden}.cta-card:after{content:"";position:absolute;width:230px;height:230px;border:48px solid rgba(209,161,74,.11);border-radius:50%;right:-80px;top:-100px}.cta-card h2{color:#fff;max-width:760px}.cta-card p{color:#c9ddd6;max-width:700px;margin-bottom:0}.cta-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:2}
.page-hero{padding:78px 0 66px;background:radial-gradient(circle at 85% 0,rgba(209,161,74,.14),transparent 27%),linear-gradient(135deg,#fbfaf6,#eff7f3);border-bottom:1px solid var(--line)}.page-hero h1{max-width:940px;font-size:clamp(2.8rem,5vw,4.9rem)}.breadcrumbs{font-size:.77rem;color:#82908a;margin-bottom:26px;display:flex;gap:8px;align-items:center}.breadcrumbs a{font-weight:750;color:var(--green-700)}.page-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}.course-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.course-pills{display:flex;gap:9px;flex-wrap:wrap;margin:28px 0 2px}.course-pills span{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:999px;background:#fff;border:1px solid #dde8e2;color:#49665c;font-size:.74rem;font-weight:800}.course-pills .icon{width:16px;height:16px}.course-side-card{background:#fff;border:1px solid #dfe8e4;border-radius:24px;padding:30px;box-shadow:var(--shadow)}.course-side-card h3{margin-top:24px}.course-side-card ul{margin:0;padding:0;list-style:none;display:grid;gap:12px;color:#5e7069}.course-side-card li:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:9px;border-radius:50%;background:#e7f5ee;color:var(--green-700);font-weight:900;font-size:.7rem}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:70px;align-items:start}.content-layout.single-column{grid-template-columns:minmax(0,820px);justify-content:center}.prose{font-size:1.02rem}.prose h2{font-size:2.15rem;margin-top:48px}.prose h3{margin-top:32px}.prose ul,.prose ol{color:#5f6f69;padding-left:22px}.prose li{margin:9px 0}.course-content>p:first-child{font-size:1.12rem;color:#475e55}.sticky-card{position:sticky;top:130px;border:1px solid var(--line);border-radius:22px;padding:27px;background:#fff;box-shadow:0 12px 40px rgba(10,64,51,.05)}.side-features{display:grid;gap:16px;margin:24px 0}.side-features>div{display:flex;gap:12px}.side-features .icon{color:var(--green-700)}.side-features span{display:grid}.side-features b{font-size:.83rem;color:#2b443b}.side-features small{font-size:.71rem;color:#86918d}.about-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:start}.values-card{border-radius:28px;background:var(--green-950);padding:34px;color:#fff}.values-card>div{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1)}.values-card>div:last-child{border-bottom:0}.values-card .icon{color:var(--gold-400)}.values-card b{color:#fff}.values-card p{font-size:.84rem;color:#bfd2cb;margin:4px 0 0}.principles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.principles-grid article{border:1px solid var(--line);border-radius:21px;padding:28px;background:#fff}.principles-grid .icon{color:var(--green-700);width:30px;height:30px;margin-bottom:24px}.principles-grid p{font-size:.88rem}.admission-mini-steps{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.admission-mini-steps span{display:flex;align-items:center;gap:7px;font-size:.76rem;font-weight:800;color:#4e6b60}.admission-mini-steps b{width:25px;height:25px;border-radius:50%;background:var(--green-800);color:#fff;display:grid;place-items:center;font-size:.66rem}.form-shell{display:grid;grid-template-columns:.72fr 1.28fr;gap:32px;align-items:start}.form-info{position:sticky;top:130px;border-radius:28px;background:linear-gradient(150deg,#083d33,#0c5e4a);padding:35px;color:#fff}.form-info h2{color:#fff;font-size:2.15rem}.form-info p{color:#c8dbd5}.form-side-list{display:grid;gap:0;margin:28px 0}.form-side-list>div{padding:18px 0;border-top:1px solid rgba(255,255,255,.12)}.form-side-list b{font-size:.85rem}.form-side-list p{font-size:.8rem;margin:4px 0 0}.form-whatsapp{margin-top:28px;padding:18px;border-radius:16px;background:rgba(255,255,255,.075)}.form-whatsapp small{display:block;color:#b9d0c8}.form-whatsapp a{display:block;margin-top:5px;color:#fff;font-weight:850;font-size:.82rem}.form-card{border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 14px 42px rgba(10,64,51,.055);overflow:hidden}.gqa-form{padding:34px}.form-section-title{display:flex;align-items:flex-start;gap:13px;padding-top:10px;margin:0 0 22px}.form-section-title:not(:first-of-type){border-top:1px solid var(--line);padding-top:30px;margin-top:30px}.form-section-title>span{width:32px;height:32px;border-radius:10px;background:#edf6f2;color:var(--green-700);display:grid;place-items:center;font-weight:900;font-size:.72rem}.form-section-title h3{font-size:1.28rem;margin-bottom:4px}.form-section-title p{font-size:.8rem;margin:0}.form-section-title.no-number{border:0!important;padding-top:0!important;margin-top:0!important}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.79rem;font-weight:800;color:#30473f}.field input,.field select,.field textarea{width:100%;border:1px solid #d5e0db;border-radius:12px;background:#fff;color:#1c3029;padding:13px 14px;outline:none;transition:.18s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#74aa98;box-shadow:0 0 0 3px rgba(22,128,100,.09)}.field textarea{min-height:118px;resize:vertical}.consent label{display:flex;gap:10px;align-items:flex-start;font-weight:600;line-height:1.5}.consent input{width:18px;height:18px;margin-top:2px}.form-submit{margin-top:26px}.form-note{font-size:.72rem;margin:12px 0 0}.notice{padding:14px 16px;border-radius:12px;margin:20px 34px 0;font-weight:750;font-size:.84rem}.notice-success{background:#e8f7ef;color:#196147}.notice-error{background:#fff0ef;color:#8b302c}.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:34px}.contact-cards{display:grid;gap:14px;align-content:start}.contact-cards article{border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;gap:14px;align-items:center}.contact-cards .icon{color:var(--green-700)}.contact-cards span{display:grid}.contact-cards small{font-size:.68rem;color:#88938f}.contact-cards a,.contact-cards b{font-size:.85rem;color:#254239}.faq-page-grid{display:grid;grid-template-columns:300px 1fr;gap:70px;align-items:start}.faq-page-grid aside{position:sticky;top:130px;border:1px solid var(--line);border-radius:22px;padding:26px;background:#fff}.faq-page-grid aside .btn+.btn{margin-top:9px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{border:1px solid var(--line);border-radius:22px;background:#fff}.post-body{padding:26px}.post-meta{font-size:.72rem;color:#87928e;margin-bottom:10px}.post-card h2{font-size:1.5rem}.empty-state{text-align:center;grid-column:1/-1;padding:70px 20px;border:1px dashed #cfded7;border-radius:24px;background:#fbfdfc}.error-page{text-align:center}.error-page .lead{margin-inline:auto}.error-page .hero-actions{justify-content:center}
.site-footer{margin-top:70px;background:#062e27;color:#bfd0ca}.footer-main{padding:64px 0 38px;display:grid;grid-template-columns:1.35fr .85fr .85fr 1fr;gap:42px}.footer-brand .brand-logo{width:205px;background:#fff;border-radius:14px;padding:8px 12px}.footer-brand .brand-logo .custom-logo{max-width:180px!important;max-height:78px!important}.footer-brand .brand{min-width:0}.footer-brand .brand-name{color:#fff}.footer-brand p{color:#a9c1b9;max-width:330px;margin-top:18px}.footer-trust{display:flex;gap:14px;flex-wrap:wrap}.footer-trust span{display:flex;gap:6px;align-items:center;font-size:.68rem}.footer-trust .icon{width:15px}.footer-title{color:#fff;font-weight:850;margin-bottom:16px;font-size:.82rem}.footer-links{display:grid;gap:10px}.footer-links a,.footer-links span{font-size:.78rem;color:#adc5bd}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding:20px 0;display:flex;justify-content:space-between;gap:20px;font-size:.72rem;color:#91ada4}.whatsapp-float{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 14px 34px rgba(0,0,0,.2);z-index:90;border:4px solid rgba(255,255,255,.9)}
@media(max-width:1060px){.primary-nav{gap:16px}.primary-nav a{font-size:.8rem}.brand-logo{width:195px}.brand-logo .custom-logo{max-width:195px!important;max-height:76px!important}.nav-whatsapp{display:none}.hero-grid{gap:40px}.visual-stage{height:350px}.course-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr);row-gap:18px}.trust-grid>div:nth-child(2){border-right:0}.learning-grid{gap:50px}.steps-grid{grid-template-columns:repeat(2,1fr)}.experience-panel{grid-template-columns:1fr;gap:36px}.principles-grid{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.topbar-contact{display:none}.topbar-inner{justify-content:center}.primary-nav,.nav-cta,.nav-whatsapp{display:none}.menu-toggle{display:block}.nav-wrap{height:86px}.brand-logo{width:220px}.brand-logo .custom-logo{max-width:220px!important;max-height:76px!important}.hero{padding:68px 0}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy .lead{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.hero-visual{min-height:470px;max-width:650px;width:100%;margin-inline:auto}.visual-shell{inset:12px}.fc-one{left:0}.fc-two{right:0}.section{padding:76px 0}.section-head{align-items:flex-start;flex-direction:column;gap:12px}.learning-grid{grid-template-columns:1fr}.learning-visual{min-height:470px}.faq-layout{grid-template-columns:1fr;gap:34px}.faq-layout>div:first-child{position:static}.course-hero-grid{grid-template-columns:1fr}.course-side-card{max-width:520px}.content-layout{grid-template-columns:1fr}.sticky-card,.form-info,.faq-page-grid aside{position:static}.about-intro,.form-shell,.contact-grid,.faq-page-grid{grid-template-columns:1fr}.faq-page-grid{gap:34px}.footer-main{gap:34px}}
@media(max-width:620px){.container{width:min(calc(100% - 28px),var(--max))}.site-topbar{font-size:.68rem}.topbar-sep{display:none}.topbar-promise{gap:5px}.topbar-promise{font-size:0}.topbar-promise::after{content:"Live 1-to-1 Quran classes • Worldwide";font-size:.68rem}.nav-wrap{height:78px}.brand-logo{width:175px}.brand-logo .custom-logo{max-width:175px!important;max-height:66px!important}.brand{min-width:0}.brand-name{font-size:.92rem}.brand-sub{font-size:.52rem}.mobile-menu-actions{display:grid}.hero{padding:52px 0 58px}.hero h1{font-size:2.75rem}.hero-proof{display:grid;grid-template-columns:1fr;gap:12px;text-align:left;max-width:250px;margin-inline:auto}.hero-visual{min-height:390px}.visual-shell{inset:8px 0 0}.visual-top{grid-template-columns:1fr auto;padding:0 13px}.visual-top>span{display:none}.visual-stage{height:290px;padding:15px}.lesson-panel{left:15px;right:115px;top:20px;bottom:20px;padding:17px}.lesson-panel h3{font-size:1.18rem;margin:6px 0 16px}.arabic-line{font-size:1.12rem;padding:15px 5px}.sound-bars{margin:12px 0 8px;height:25px}.tutor-card,.student-card{right:11px;width:105px;grid-template-columns:34px 1fr;padding:9px}.avatar{width:34px;height:34px}.tutor-card{top:35px}.student-card{bottom:35px}.online-dot,.mic{display:none}.visual-bottom{gap:8px;height:46px}.visual-bottom span{font-size:0}.visual-bottom span:after{font-size:.61rem}.visual-bottom span:nth-child(1):after{content:"Private"}.visual-bottom span:nth-child(2):after{content:"Support"}.visual-bottom span:nth-child(3):after{content:"Progress"}.fc-one{bottom:-10px}.fc-two{top:-6px}.trust-grid{grid-template-columns:1fr;padding:16px 0}.trust-grid>div{border-right:0!important;border-bottom:1px solid var(--line);padding:13px 0!important}.trust-grid>div:last-child{border-bottom:0}.section{padding:64px 0}.course-grid,.steps-grid,.experience-list,.principles-grid,.post-grid{grid-template-columns:1fr}.course-card{min-height:0}.learning-visual{min-height:390px}.quran-card{inset:20px 0}.open-book{transform:scale(.8)}.ms-one{left:-6px}.ms-two{right:-3px}.experience-panel,.cta-card{padding:34px 24px;border-radius:25px}.cta-card{align-items:flex-start;flex-direction:column}.experience-actions,.cta-actions{display:grid;width:100%}.experience-actions .btn,.cta-actions .btn{width:100%}.page-hero{padding:58px 0 46px}.page-hero h1{font-size:2.7rem}.course-pills{display:grid}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.gqa-form{padding:23px}.notice{margin:16px 23px 0}.form-info{padding:26px}.admission-mini-steps{display:grid;grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.whatsapp-float{width:52px;height:52px;right:14px;bottom:14px}.faq-list details p{padding-right:0}.course-side-card{padding:24px}}

/* =========================================================
   V3 BRAND SYSTEM — Modern international education identity
   ========================================================= */
:root{
  --green-950:#062f29;--green-900:#083d35;--green-800:#0d5145;--green-700:#116454;
  --green-600:#177965;--green-100:#e9f3ef;--green-50:#f5f9f7;
  --gold-600:#b9852f;--gold-500:#d2a54e;--gold-300:#ead39d;
  --cream:#fbfaf6;--sand:#f3efe5;--ink:#10211c;--text:#344840;--muted:#6c7b75;
  --line:#dfe7e3;--white:#fff;--shadow:0 20px 60px rgba(11,65,53,.10);--shadow-lg:0 34px 90px rgba(8,55,46,.16);
  --radius:20px;--radius-lg:30px;--max:1240px
}
html{font-size:16px}
body{font-family:"Manrope","Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65;letter-spacing:-.006em}
h1,h2,h3,h4,h5,h6,.brand-name{font-family:"Manrope","Segoe UI",Arial,sans-serif;color:var(--ink);letter-spacing:-.045em;line-height:1.08;font-weight:800}
h1{font-size:clamp(3.15rem,5.4vw,5.4rem);font-weight:800}h2{font-size:clamp(2.3rem,3.7vw,4rem);font-weight:800}h3{font-size:1.25rem;font-weight:800;letter-spacing:-.028em}p{color:var(--muted)}
.container{width:min(calc(100% - 48px),var(--max))}.section{padding:110px 0}.section-sm{padding:72px 0}.lead{font-size:clamp(1.05rem,1.4vw,1.22rem);line-height:1.72}.lead-sm{font-size:1.06rem;line-height:1.78}
.eyebrow{font-size:.72rem;letter-spacing:.16em;font-weight:800;color:var(--green-700);gap:11px;margin-bottom:20px}.eyebrow:before{width:30px;height:2px;background:var(--gold-500)}
.btn{min-height:52px;padding:13px 22px;font-size:.88rem;font-weight:800;border-radius:13px;box-shadow:none}.btn-lg{min-height:58px;padding:15px 24px}.btn-primary{background:var(--green-800);box-shadow:0 12px 30px rgba(13,81,69,.18)}.btn-primary:hover{background:var(--green-950);box-shadow:0 16px 34px rgba(13,81,69,.22)}.btn-outline{border-color:#cad9d2;background:#fff}.btn-gold{background:var(--gold-500);color:#102a23}.btn-ghost{border-color:rgba(255,255,255,.30)}

/* Header */
.site-topbar{background:var(--green-950);font-size:.75rem}.topbar-inner{min-height:38px}.topbar-promise{font-weight:650}.site-header{background:rgba(255,255,255,.97);box-shadow:0 8px 30px rgba(13,59,50,.035)}.nav-wrap{height:92px;gap:30px}.header-brand{display:flex;align-items:center;min-width:225px}.brand-logo{width:190px;height:76px;display:flex;align-items:center;overflow:hidden}.brand-logo .custom-logo-link{display:flex;align-items:center;height:100%;width:100%}.brand-logo .custom-logo{width:176px!important;max-width:176px!important;max-height:72px!important;height:auto!important;object-fit:contain!important;object-position:left center}.brand{min-width:225px;gap:12px}.brand-mark{width:50px;height:50px}.brand-name{font-size:1rem;letter-spacing:-.025em}.brand-sub{font-size:.57rem;letter-spacing:.13em}.primary-nav{gap:28px}.primary-nav a{font-size:.84rem;font-weight:700;color:#2c433b}.primary-nav a:hover{color:var(--green-700)}.nav-actions{gap:13px}.nav-whatsapp{font-size:.82rem;font-weight:800}.nav-cta{border-radius:12px;min-height:46px}.menu-toggle{border-radius:10px}

/* Hero */
.brand-hero{padding:104px 0 92px;background:linear-gradient(180deg,#fbfaf6 0%,#f7faf8 100%);position:relative}.brand-hero:before{content:"";position:absolute;right:-14vw;top:-220px;width:690px;height:690px;border-radius:50%;background:radial-gradient(circle,rgba(210,165,78,.12),rgba(210,165,78,0) 68%)}.brand-hero:after{content:"";position:absolute;left:-260px;bottom:-300px;width:580px;height:580px;border-radius:50%;background:radial-gradient(circle,rgba(23,121,101,.08),transparent 68%)}.hero-grid{grid-template-columns:1.02fr .98fr;gap:78px}.hero-copy{position:relative;z-index:2}.hero-copy h1{max-width:730px;margin-bottom:24px}.hero-copy h1 span{color:var(--green-600)}.hero-copy .lead{max-width:670px;color:#596b64;margin-bottom:30px}.hero-actions{margin-bottom:38px}.hero-proof{gap:26px}.hero-proof>div{min-width:175px}.hero-proof .icon{width:21px;height:21px;color:var(--green-700)}.hero-proof b{font-size:.82rem}.hero-proof small{font-size:.69rem;line-height:1.4}
.premium-visual{min-height:540px;position:relative}.academy-panel{position:absolute;inset:38px 20px 38px 18px;background:#fff;border:1px solid #dde7e2;border-radius:28px;box-shadow:var(--shadow-lg);overflow:hidden;z-index:1}.academy-panel-head{height:66px;display:flex;align-items:center;gap:10px;padding:0 24px;border-bottom:1px solid #e8eeeb;font-size:.75rem;font-weight:750;color:#4d625a}.status-dot{width:8px;height:8px;border-radius:50%;background:#42bf7d;box-shadow:0 0 0 5px rgba(66,191,125,.10)}.lesson-time{margin-left:auto;background:var(--green-50);color:var(--green-700);border:1px solid #dce9e4;border-radius:999px;padding:6px 10px;font-size:.66rem}.academy-panel-main{padding:28px;background:linear-gradient(145deg,#f4f8f6,#fbfaf6)}.lesson-title>span{font-size:.65rem;text-transform:uppercase;letter-spacing:.14em;color:#907647;font-weight:800}.lesson-title h3{font-size:1.65rem;margin:7px 0 20px}.ayah-card{background:#fff;border:1px solid #e2e9e5;border-radius:19px;padding:22px;box-shadow:0 12px 28px rgba(15,70,59,.05)}.ayah-label{font-size:.68rem;color:#7b8a84;font-weight:750}.academy-panel .arabic-line{font-family:"Noto Naskh Arabic","Times New Roman",serif;font-size:2rem;background:#fcf8ee;border-color:#efe3c9;padding:20px 15px;margin:14px 0 16px}.audio-row{display:flex;align-items:center;gap:13px}.audio-row .sound-bars{margin:0;height:25px}.audio-row>span{font-size:.68rem;color:#74857e}.lesson-people{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.lesson-people>div{background:#fff;border:1px solid #e3ebe7;border-radius:16px;padding:12px;display:flex;align-items:center;gap:10px}.lesson-people b{display:block;font-size:.72rem}.lesson-people small{display:block;font-size:.62rem;color:#82908b}.academy-panel-foot{height:68px;display:flex;align-items:center;justify-content:center;gap:20px;font-size:.66rem;font-weight:750;color:#60736b}.academy-panel-foot span{display:flex;gap:6px;align-items:center}.academy-panel-foot .icon{width:16px;height:16px;color:var(--green-700)}.visual-badge{position:absolute;z-index:3;background:#fff;border:1px solid #e0e8e4;border-radius:16px;padding:12px 14px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow)}.visual-badge>span{width:38px;height:38px;border-radius:11px;background:var(--green-100);color:var(--green-700);display:grid;place-items:center}.visual-badge>span .icon{width:18px}.visual-badge small{display:block;font-size:.62rem;color:#84918c}.visual-badge b{display:block;font-size:.74rem}.vb-one{left:-4px;bottom:72px}.vb-two{right:0;top:14px}.vb-two>span{background:#fbf2de;color:#9a6e24}

/* Brand strip */
.brand-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.brand-strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}.brand-strip-grid>div{padding:25px 24px;border-right:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;column-gap:12px}.brand-strip-grid>div:last-child{border-right:0}.brand-strip-grid>div>span{grid-row:1/3;font-size:.68rem;color:var(--gold-600);font-weight:900;margin-top:2px}.brand-strip-grid strong{font-size:.78rem;line-height:1.35}.brand-strip-grid small{font-size:.68rem;color:#7a8983;line-height:1.45;margin-top:3px}

/* Section heads */
.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.55fr);gap:70px;align-items:end;margin-bottom:46px}.section-head h2{max-width:700px}.section-head>p{max-width:500px;margin:0 0 8px;line-height:1.75}.section-head.compact{margin-bottom:42px}

/* Courses */
.courses-section{background:#fff}.premium-courses{grid-template-columns:repeat(3,1fr);gap:18px}.course-card{border:1px solid #dce5e1;border-radius:18px;padding:25px;box-shadow:0 6px 24px rgba(11,62,52,.035);transition:.24s ease;background:linear-gradient(180deg,#fff,#fdfefd)}.course-card:hover{transform:translateY(-5px);border-color:#c5d8d0;box-shadow:0 20px 46px rgba(11,62,52,.08)}.course-top{margin-bottom:23px}.course-icon{width:46px;height:46px;border-radius:13px;background:var(--green-100);color:var(--green-700);display:grid;place-items:center}.course-icon .icon{width:22px}.course-number{font-size:.66rem;color:#a6b1ad;font-weight:900;letter-spacing:.1em}.course-card h3{font-size:1.18rem;margin-bottom:10px}.course-card p{font-size:.84rem;line-height:1.68;min-height:72px}.course-meta{gap:6px;margin-top:18px}.course-meta span{background:#f2f7f4;border:0;color:#5d7269;font-size:.61rem;padding:6px 8px;border-radius:999px}.card-link{margin-top:20px;padding-top:16px;border-top:1px solid #e7ece9;font-size:.76rem;font-weight:850;color:var(--green-700);display:flex;align-items:center;gap:7px}.card-link .icon{width:16px}

/* Why */
.why-section{background:var(--green-50);overflow:hidden}.why-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:86px;align-items:center}.why-copy h2{max-width:680px}.why-copy>.lead-sm{max-width:620px}.why-list{display:grid;gap:21px;margin:34px 0 28px}.why-list>div{display:grid;grid-template-columns:42px 1fr;gap:15px}.why-list>div>span{width:42px;height:42px;border-radius:12px;background:#fff;color:var(--green-700);display:grid;place-items:center;border:1px solid #dce8e3}.why-list .icon{width:20px}.why-list b{font-size:.86rem}.why-list p{font-size:.8rem;margin:4px 0 0;line-height:1.62}.why-visual{position:relative;min-height:510px}.learning-board{position:absolute;inset:34px 20px 34px 0;background:var(--green-900);color:#fff;border-radius:26px;padding:38px;box-shadow:0 28px 70px rgba(8,61,51,.20);overflow:hidden}.learning-board:after{content:"";position:absolute;width:250px;height:250px;border:42px solid rgba(210,165,78,.10);border-radius:50%;right:-95px;top:-110px}.board-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.64rem;color:#e7c982;font-weight:850}.learning-board h3{font-size:2.45rem;color:#fff;line-height:1.08;margin:12px 0 35px}.board-progress{margin:22px 0}.board-progress>div{display:flex;justify-content:space-between;gap:15px;font-size:.72rem}.board-progress>div span{color:#d3e2dc}.board-progress>div b{color:#fff;font-size:.68rem}.board-progress>i{height:7px;border-radius:99px;background:rgba(255,255,255,.12);display:block;margin-top:8px;overflow:hidden}.board-progress>i>em{display:block;height:100%;background:var(--gold-500);border-radius:99px}.board-note{margin-top:30px;padding:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;display:flex;align-items:center;gap:12px}.board-note>span{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#f1d491}.board-note b{font-size:.75rem}.board-note small{display:block;font-size:.64rem;color:#c4d5cf;margin-top:3px}.quran-motif{position:absolute;right:-14px;bottom:2px;width:150px;height:150px;border-radius:50%;border:1px solid #d5e4de;background:#fff;display:grid;place-items:center;box-shadow:var(--shadow)}.quran-motif:before,.quran-motif:after{content:"";position:absolute;width:48px;height:68px;border:2px solid var(--gold-500);border-radius:5px 16px 16px 5px;top:38px}.quran-motif:before{left:27px;transform:rotate(-8deg)}.quran-motif:after{right:27px;transform:rotate(8deg)}.quran-motif span{display:none}

/* Admissions */
.admissions-section{background:#fff}.admissions-panel{background:var(--green-950);border-radius:28px;padding:58px;display:grid;grid-template-columns:.86fr 1.14fr;gap:64px;color:#fff;position:relative;overflow:hidden}.admissions-panel:after{content:"";position:absolute;width:320px;height:320px;border:54px solid rgba(210,165,78,.08);border-radius:50%;right:-100px;top:-135px}.admissions-intro{position:relative;z-index:1}.admissions-intro h2{color:#fff;font-size:clamp(2.2rem,3.3vw,3.6rem)}.admissions-intro p{color:#c9d9d3;max-width:560px}.journey-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;z-index:1}.journey-steps article{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:16px;padding:20px;display:grid;grid-template-columns:32px 1fr;gap:12px}.journey-steps article>span{font-size:.63rem;color:#e4bf70;font-weight:900;padding-top:4px}.journey-steps .icon{width:20px;color:#d8b666}.journey-steps h3{color:#fff;font-size:.85rem;margin:12px 0 7px;letter-spacing:-.02em}.journey-steps p{font-size:.7rem;line-height:1.55;color:#c3d5cf;margin:0}

/* Standards */
.standard-section{background:#fbfaf6}.standard-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:82px;align-items:start}.standard-grid h2{max-width:520px}.standard-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.standard-cards>div{background:#fff;border:1px solid #e0e7e3;border-radius:17px;padding:23px}.standard-cards .icon{width:23px;color:var(--green-700);margin-bottom:18px}.standard-cards b{font-size:.82rem;display:block}.standard-cards p{font-size:.76rem;line-height:1.62;margin:7px 0 0}

/* FAQ */
.faq-home{background:#fff}.faq-layout{display:grid;grid-template-columns:.76fr 1.24fr;gap:90px;align-items:start}.faq-layout>div:first-child{position:sticky;top:130px}.faq-list details{border-top:1px solid #dce5e1;padding:0}.faq-list details:last-child{border-bottom:1px solid #dce5e1}.faq-list summary{padding:20px 0;font-size:.86rem;font-weight:800}.faq-list details p{font-size:.8rem;line-height:1.68;padding:0 28px 20px 0}.faq-list summary span{font-size:1rem;color:var(--green-700)}

/* CTA & Footer */
.final-cta{padding-top:30px;background:#fff}.cta-card{background:linear-gradient(135deg,var(--green-900),var(--green-950));border-radius:26px;padding:52px 56px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.cta-card h2{color:#fff;font-size:clamp(2rem,3.2vw,3.35rem);max-width:760px}.cta-card p{color:#c9dad4;margin-bottom:0}.site-footer{background:#062e29;padding-top:66px;color:#d2e0db}.footer-main{grid-template-columns:1.45fr .8fr .9fr 1fr;gap:55px}.footer-brand .brand-logo{width:210px;height:84px;background:#fff;border-radius:12px;padding:7px 10px;margin-bottom:18px}.footer-brand .brand-logo .custom-logo{max-width:188px!important;width:188px!important;max-height:70px!important}.footer-brand p{font-size:.78rem;line-height:1.7;color:#b8ccc4;max-width:300px}.footer-title{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;font-weight:850;color:#e9cf91;margin-bottom:17px}.footer-links{gap:10px}.footer-links a,.footer-links span{font-size:.74rem;color:#c2d3cd}.footer-links a:hover{color:#fff}.footer-bottom{font-size:.68rem;color:#8ea79e;border-top:1px solid rgba(255,255,255,.10);margin-top:48px;padding:23px 0}.whatsapp-float{width:52px;height:52px;background:#15805f;border-radius:15px;font-size:.9rem;font-weight:900;box-shadow:0 14px 32px rgba(11,70,55,.25)}

/* Inner pages / forms inherit the brand */
.page-hero,.admissions-hero,.course-hero{background:linear-gradient(180deg,#fbfaf6,#f5f9f7)}.page-hero h1,.admissions-hero h1,.course-hero h1{font-size:clamp(2.8rem,5vw,4.8rem)}.breadcrumbs{font-size:.72rem}.form-shell,.contact-grid,.course-hero-grid,.content-layout{gap:40px}.form-card,.course-side-card,.sticky-card,.values-card,.contact-cards>div,.principles-grid>div,.post-card{border-radius:18px;border-color:#dce6e1;box-shadow:0 12px 36px rgba(11,62,52,.055)}.form-card h2,.form-card h3,.course-content h2,.prose h2{font-family:"Manrope","Segoe UI",Arial,sans-serif}.field label{font-size:.76rem;font-weight:750}.field input,.field select,.field textarea{border-radius:12px;border-color:#d6e1dc;min-height:50px}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid rgba(23,121,101,.10);border-color:var(--green-600)}

@media(max-width:1100px){
  .primary-nav{gap:17px}.primary-nav a{font-size:.78rem}.header-brand{min-width:180px}.brand-logo{width:165px}.brand-logo .custom-logo{width:155px!important;max-width:155px!important}.hero-grid{gap:45px}.academy-panel{inset:42px 0 42px 0}.brand-strip-grid{grid-template-columns:1fr 1fr}.brand-strip-grid>div:nth-child(2){border-right:0}.brand-strip-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:900px){
  .site-topbar{display:none}.nav-wrap{height:82px}.primary-nav,.nav-whatsapp,.nav-cta{display:none}.menu-toggle{display:block}.header-brand{min-width:0}.brand-logo{height:66px}.brand-logo .custom-logo{max-height:62px!important}.brand-hero{padding:72px 0}.hero-grid,.why-grid,.admissions-panel,.standard-grid,.faq-layout,.section-head,.cta-card{grid-template-columns:1fr}.hero-grid{gap:48px}.premium-visual{min-height:500px}.section{padding:82px 0}.section-head{gap:20px}.section-head>p{max-width:720px}.premium-courses{grid-template-columns:1fr 1fr}.why-grid{gap:38px}.why-visual{min-height:470px}.admissions-panel{padding:42px;gap:36px}.standard-grid,.faq-layout{gap:40px}.faq-layout>div:first-child{position:static}.cta-card{padding:42px}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}.footer-main{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .container{width:min(calc(100% - 30px),var(--max))}.nav-wrap{height:76px}.brand-logo{width:145px;height:60px}.brand-logo .custom-logo{width:138px!important;max-width:138px!important;max-height:56px!important}.brand-hero{padding:60px 0 64px}h1{font-size:clamp(2.55rem,12vw,3.55rem)}h2{font-size:clamp(2rem,9vw,2.8rem)}.hero-actions{display:grid}.hero-actions .btn{width:100%}.hero-proof{display:grid;gap:15px}.premium-visual{min-height:450px}.academy-panel{inset:30px 0}.academy-panel-main{padding:18px}.academy-panel .arabic-line{font-size:1.55rem}.lesson-people{grid-template-columns:1fr}.academy-panel-foot{gap:8px;font-size:.56rem}.visual-badge{display:none}.brand-strip-grid{grid-template-columns:1fr}.brand-strip-grid>div{border-right:0!important;border-bottom:1px solid var(--line)!important}.brand-strip-grid>div:last-child{border-bottom:0!important}.section{padding:70px 0}.premium-courses,.standard-cards,.journey-steps{grid-template-columns:1fr}.course-card p{min-height:0}.why-visual{min-height:430px}.learning-board{inset:10px 0 30px 0;padding:29px}.learning-board h3{font-size:2rem}.quran-motif{width:110px;height:110px}.quran-motif:before,.quran-motif:after{width:34px;height:50px;top:28px}.quran-motif:before{left:20px}.quran-motif:after{right:20px}.admissions-panel{padding:32px 24px;border-radius:22px}.cta-card{padding:34px 25px;border-radius:22px}.cta-actions{display:grid}.footer-main{grid-template-columns:1fr}.footer-bottom{display:grid;gap:7px}.mobile-menu-actions{display:grid}.mobile-menu-actions .btn{width:100%}
}

/* ===== V4 FINAL BRAND SYSTEM ===== */
:root{--brand-green:#0f5a49;--brand-green-dark:#083a30;--brand-green-deep:#052f27;--brand-gold:#c99a3d;--brand-cream:#fbf8f1;--brand-ink:#10231d;--brand-muted:#68766f;--brand-line:#dfe8e3}
body{font-family:"Manrope","Segoe UI",Arial,sans-serif;color:var(--brand-ink);font-size:16px;line-height:1.72}
h1,h2,h3,h4,.brand-name,.learning-board h3,.avatar{font-family:"Manrope","Segoe UI",Arial,sans-serif!important;letter-spacing:-.035em!important;font-weight:800!important}
h1{font-size:clamp(2.8rem,5vw,4.75rem);line-height:1.02}h2{font-size:clamp(2.05rem,3.5vw,3.35rem);line-height:1.08}h3{line-height:1.18}.arabic-line{font-family:"Noto Naskh Arabic",serif!important;letter-spacing:0!important}
p{color:var(--brand-muted)}
.site-header{box-shadow:none;border-bottom:1px solid var(--brand-line)}.nav-wrap{height:88px}.brand-logo{width:210px}.brand-logo .custom-logo{max-width:210px!important;max-height:72px!important}.primary-nav{gap:23px}.primary-nav a{font-size:.86rem;font-weight:700}.nav-cta{border-radius:12px}.btn{border-radius:12px}.btn-primary{background:var(--brand-green);box-shadow:0 10px 24px rgba(15,90,73,.15)}.btn-primary:hover{background:var(--brand-green-dark)}
.hero{padding:82px 0 76px;background:linear-gradient(135deg,#fbfaf6 0%,#f4faf7 58%,#fff 100%)}.hero-grid{gap:72px}.hero h1{font-size:clamp(3rem,5.1vw,4.9rem)}.hero-copy .lead{font-size:1.08rem;line-height:1.75}.hero-proof b{font-size:.8rem}.hero-proof small{font-size:.7rem}.premium-visual{min-height:470px}.academy-panel{box-shadow:0 28px 70px rgba(8,58,48,.13)}
.brand-strip{background:#fff;border-block:1px solid var(--brand-line)}.brand-strip-grid>div{padding-block:24px}.brand-strip-grid strong{font-size:.82rem}.brand-strip-grid small{font-size:.68rem}
.section{padding:88px 0}.section-head{margin-bottom:42px}.section-head p{font-size:.92rem;line-height:1.75}.course-card{border:1px solid var(--brand-line);border-radius:18px;padding:28px;background:#fff;box-shadow:0 8px 28px rgba(11,62,52,.035);transition:.22s ease}.course-card:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(11,62,52,.08);border-color:#cbdcd4}.course-card h3,.course-card h2{font-size:1.16rem;line-height:1.28}.course-card p{font-size:.78rem;line-height:1.68}.course-meta span{font-size:.62rem}.card-link{font-size:.74rem;font-weight:800}
.page-hero{padding:72px 0 66px}.page-hero h1{max-width:900px;font-size:clamp(2.7rem,4.5vw,4.35rem)!important}.page-hero .lead{max-width:820px;font-size:1.05rem}.breadcrumbs{margin-bottom:26px;color:#718078}.eyebrow{font-size:.69rem;letter-spacing:.13em}.about-intro,.standard-grid,.contact-grid,.form-shell,.course-hero-grid,.content-layout{gap:64px}.values-card,.form-card,.course-side-card,.sticky-card{border-radius:20px}.principles-grid article,.standard-cards>div{box-shadow:0 8px 28px rgba(10,60,49,.035)}
.admissions-panel{border-radius:24px}.journey-steps article{border-radius:14px}.form-info{border-radius:24px}.form-card{padding:38px}.form-section-title{margin-top:34px;padding-top:28px}.form-section-title:first-of-type{margin-top:0;padding-top:0}.field input,.field select,.field textarea{font-family:"Manrope","Segoe UI",Arial,sans-serif;background:#fff}.form-note{font-size:.72rem}.consent a{text-decoration:underline;color:var(--brand-green)}
.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.resource-card{padding:32px;border:1px solid var(--brand-line);border-radius:20px;background:#fff;box-shadow:0 10px 34px rgba(11,62,52,.04)}.resource-card-meta{text-transform:uppercase;letter-spacing:.12em;font-size:.64rem;font-weight:800;color:var(--brand-green);margin-bottom:14px}.resource-card h2{font-size:1.45rem;line-height:1.25}.resource-card p{font-size:.85rem}.narrow{max-width:900px}.article-layout{grid-template-columns:minmax(0,1fr) 310px}.article-content{max-width:760px}.prose h2{font-size:1.8rem;margin-top:42px}.prose h3{font-size:1.25rem;margin-top:32px}.prose p,.prose li{font-size:1rem;line-height:1.82}.prose a{color:var(--brand-green);text-decoration:underline}.prose ul{padding-left:1.2rem}
.site-footer{padding-top:60px}.footer-main{grid-template-columns:1.3fr .8fr 1fr 1.05fr;gap:46px}.footer-brand p{font-size:.76rem}.footer-links a,.footer-links span{font-size:.72rem;line-height:1.5}.footer-title{font-size:.65rem}.whatsapp-float{border-radius:50%}
@media(max-width:900px){.resource-grid,.article-layout{grid-template-columns:1fr}.article-content{max-width:none}.nav-wrap{height:78px}.section{padding:72px 0}.page-hero{padding:60px 0}.footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:640px){body{font-size:15px}.resource-grid,.footer-main{grid-template-columns:1fr}.hero h1{font-size:clamp(2.65rem,12vw,3.55rem)}.page-hero h1{font-size:clamp(2.35rem,10vw,3.2rem)!important}.form-card{padding:24px}.section{padding:62px 0}}