/* Bright, welcoming layout inspired by the requested learning-center reference. */
:root{--ink:#2d1455;--purple:#421681;--purple-deep:#2b1054;--lilac:#f2eafa;--cream:#fbf8ef;--paper:#fffdf8;--gold:#ffba27;--line:#dfd2eb;--muted:#675a75;background:var(--cream);color:var(--ink)}
html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink)}
.shell{width:min(1220px,calc(100% - 64px))}
.site-header{background:var(--cream);color:var(--ink);border-bottom:1px solid #4216811f;box-shadow:none}
.header-row{min-height:84px}.brand{font-size:1.45rem;letter-spacing:-.025em}.brand-mark,.brand>img{background:var(--purple);border-radius:12px;box-shadow:0 4px 0 #2b1054;padding:5px;overflow:hidden}
.brand-mark{width:72px;height:51px}.brand-mark img{transform:scale(1.25);width:100%;height:100%;object-fit:contain}.brand>img{width:72px;height:51px;transform:none;object-fit:contain}
.desktop-nav{gap:23px}.desktop-nav a{position:relative;padding-block:7px}.desktop-nav a:hover,.desktop-nav a:focus-visible,.desktop-nav [aria-current="page"]{color:var(--purple)}.desktop-nav a:hover:after,.desktop-nav a[aria-current="page"]:after{content:'';position:absolute;right:0;left:0;bottom:0;height:2px;background:var(--gold)}
.header-link,.button,.button-primary,.contact-actions .button{border-radius:100px;background:var(--purple);color:#fff;box-shadow:0 4px 0 #251044;transition:transform .2s,box-shadow .2s,background .2s}
.header-link:hover,.button:hover,.button-primary:hover,.contact-actions .button:hover{background:#5a2598;transform:translateY(-2px);box-shadow:0 6px 0 #251044}
.menu-button{color:var(--purple);background:#fff;border:1px solid var(--line);border-radius:13px}
.mobile-nav,.mobile-nav.open{background:var(--cream);color:var(--ink);box-shadow:0 12px 16px #2d145511}.mobile-nav a:hover{background:var(--lilac)}
h1,h2,h3{letter-spacing:-.035em}.kicker,.eyebrow{color:var(--purple);font-weight:700}.eyebrow:before{display:none}.section{padding-block:100px}.section h2{color:var(--ink);font-size:clamp(2.25rem,4vw,4rem);line-height:1.22}.section-head{max-width:790px}.section-head p,.lead{color:var(--muted)}
.hero{background:var(--cream);color:var(--ink);position:relative}.hero-grid{display:flex;flex-direction:column;align-items:center;min-height:auto;padding-block:72px 40px;gap:0}.hero-copy{text-align:center;max-width:900px;position:relative;z-index:2}.hero .eyebrow,.page-hero .eyebrow{background:#efe0f6;color:var(--purple);border-radius:100px;padding:10px 21px;display:inline-flex;font-size:.92rem}.hero h1{font-size:clamp(3.8rem,7.7vw,7.5rem);line-height:1.17;max-width:none;margin:22px 0 20px;color:var(--ink)}.hero h1 span{color:var(--purple);position:relative;white-space:nowrap}.hero h1 span:after,.page-hero h1 span:after{content:'';position:absolute;right:0;left:0;bottom:-5px;height:10px;border-bottom:5px solid var(--gold);border-radius:50%;transform:rotate(-2deg)}.hero p{font-size:1.14rem;line-height:1.95;color:var(--muted);max-width:720px;margin:0 auto 27px}.hero .actions{justify-content:center}.hero .button{min-width:155px;min-height:54px;padding-inline:25px}.hero .button-primary{background:var(--purple);color:#fff}.hero .button-secondary{background:transparent;color:var(--ink);border:1px solid var(--purple);box-shadow:0 4px 0 var(--purple)}.hero .button-secondary:hover{background:#fff}
.hero-visual{width:100%;height:480px;aspect-ratio:auto;margin-top:54px;background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none;transform:none;position:relative}.hero-visual:after{display:none}.hero-ribbon{position:absolute;top:175px;right:-5%;width:110%;height:92px;display:flex;align-items:center;justify-content:center;background:#74449d;color:#fff;font-weight:700;font-size:1.2rem;letter-spacing:.03em;transform:rotate(-8deg);border-radius:100px;white-space:nowrap;z-index:0}.hero-photo{position:absolute;margin:0;background:#fff;padding:7px;border-radius:26px;box-shadow:0 18px 32px #2b10542a;overflow:hidden;z-index:1}.hero-photo img,.hero-visual .hero-photo img{width:100%;height:100%;object-fit:cover;border-radius:20px;transform:none}.hero-photo-main{width:28%;height:425px;right:36%;top:0;transform:rotate(-3deg);z-index:3}.hero-photo-left{width:20%;height:275px;right:7%;top:65px;transform:rotate(7deg)}.hero-photo-right{width:20%;height:275px;left:7%;top:75px;transform:rotate(-6deg)}.hero-spark{position:absolute;right:1%;top:10px;color:var(--gold);font-size:5rem;line-height:1;z-index:2}.hero-smile{position:absolute;left:4%;bottom:80px;background:#ffe7bc;color:var(--purple);display:grid;place-items:center;width:90px;height:90px;border-radius:32px;transform:rotate(12deg);font-size:4.3rem;z-index:2}
#المراحل{background:#f2ebd9;position:relative}#المراحل:before{content:'';position:absolute;top:-26px;left:0;right:0;height:28px;background:radial-gradient(circle at 25px 27px,#f2ebd9 26px,transparent 27px) repeat-x;background-size:50px 28px}#المراحل .section-head{margin-inline:auto;text-align:center}#المراحل .cards{gap:22px}#المراحل .stage-card{border:1px solid #d9cae5;background:var(--paper);border-radius:28px;min-height:300px;padding:34px;box-shadow:0 5px 0 #d9cae5;transition:transform .2s,box-shadow .2s}#المراحل .stage-card:hover{transform:translateY(-5px);box-shadow:0 10px 0 #d9cae5}#المراحل .stage-card:nth-child(2){background:#ede0f8}#المراحل .stage-card:nth-child(3){background:#fff0c8}#المراحل .card-icon{border-radius:100%;background:var(--purple);color:#fff;width:64px;height:64px;font-size:1.8rem}#المراحل .stage-range{color:#743e9c}#المراحل .card p{color:var(--muted)}
#عن-المدرسة{background:var(--cream)}.about-grid{grid-template-columns:1fr 1fr;gap:70px}.about-panel{min-height:490px;border-radius:30px;background:linear-gradient(180deg,#2d145522,#2d1455cb),url('./images/about-class.webp') center/cover;color:#fff;box-shadow:0 18px 35px #2b10542c}.about-panel:after{display:none}.about-panel .small{color:#fff;background:var(--purple);border-radius:100px;padding:8px 16px;align-self:flex-start}.about-panel strong{font-size:clamp(2rem,3.1vw,3.2rem);line-height:1.45}.about-copy h2{font-size:clamp(2.3rem,3.7vw,4rem)}.about-copy p{color:var(--muted)}
#دروس-الدعم{background:var(--lilac)}#دروس-الدعم .section-head{margin-inline:auto;text-align:center}.support-list{gap:22px}.support-item{border-radius:27px;padding:32px;min-height:275px;background:var(--paper);box-shadow:0 5px 0 #d9c9e7}.support-item:nth-child(2){background:#fff0ca}.support-item:nth-child(3){background:#eee3f7}.support-item h3{color:var(--ink);font-size:1.5rem}.support-item a{color:var(--purple)}.support-note{text-align:center}
#نهجنا{background:var(--purple);color:#fff}#نهجنا h2{color:#fff}#نهجنا .cards{gap:20px}#نهجنا .card{background:#fff;color:var(--ink);border:0;border-radius:26px;box-shadow:0 5px 0 #cbb2dc}#نهجنا .card p{color:var(--muted)}#نهجنا .card-icon{background:var(--gold);color:var(--purple);border-radius:100%}
.contact,.contact-strip{background:var(--gold);color:var(--ink)}.contact h2,.contact-strip h2{color:var(--ink)}.contact p,.contact-inner p{color:#4d365c}.contact-list{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-item{border:0;border-radius:21px;box-shadow:0 5px 0 #e6a526}.contact-item a{color:var(--purple)}.contact-actions .outline{background:transparent;color:var(--ink);border:1px solid var(--purple);box-shadow:0 4px 0 var(--purple)}.contact-actions .outline:hover{background:#fff6dc}.contact-inner a:not(.button){text-decoration:underline}
footer{background:var(--purple-deep);color:#f2eafa}.footer-brand img{background:var(--purple);border-radius:11px;padding:4px;transform:none}.footer-meta{color:#d3c2e0}
/* Inner page headers and card layouts */
.page-hero{background:var(--cream);color:var(--ink);position:relative;overflow:hidden}.page-hero:after{content:'✦';position:absolute;left:7%;top:15%;font-size:7rem;color:#ffca60;opacity:.8;transform:rotate(15deg)}.hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;padding-block:85px 88px}.page-hero .hero-copy{max-width:870px}.page-hero h1{font-size:clamp(3.4rem,6.6vw,6.2rem);line-height:1.2;color:var(--ink);margin:20px 0 15px}.page-hero h1 span{color:var(--purple);position:relative;white-space:nowrap}.page-hero .hero-copy p{max-width:720px;color:var(--muted);margin:0 auto;font-size:1.15rem}.hero-summary,.hero-count{width:auto;height:auto;min-width:150px;min-height:78px;padding:12px 25px;background:var(--gold);color:var(--ink);border-radius:100px;box-shadow:0 5px 0 #df9c18;transform:rotate(-5deg);display:flex;flex-direction:row;gap:10px}.hero-summary strong,.hero-count strong{font-size:2.55rem}.hero-summary span,.hero-count span{font-size:1.02rem}
.page-hero+.section{background:#f2ebd9}.section-head{margin-bottom:36px}.language-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start}.language-card{border:1px solid var(--line);border-radius:26px;background:var(--paper);box-shadow:0 5px 0 #d9cae5}.language-card[open]{border-color:#af88cb;box-shadow:0 7px 0 #c8a9da}.language-card summary{display:block}.language-card summary:hover .language-copy{background:#f8f1fb}.language-card img{width:100%;height:205px;object-fit:cover;flex:auto}.language-card .language-copy{min-height:168px;padding:20px 23px}.language-card .number{color:#7d4ba7}.language-card h3{color:var(--ink);font-size:1.35rem}.language-card .native{color:#6b5b79}.card-cue{color:var(--purple)}.language-detail{background:#fff;border-top:1px solid var(--line)}.language-detail strong{color:var(--purple)}.language-detail a,.course-body a{color:var(--purple);font-weight:700;text-decoration:underline;text-underline-offset:4px}.language-note,.info-note{background:#fff8e5;border-right-color:var(--gold);border-radius:15px}
.audience{background:var(--cream)}.audience-panel{border-radius:28px;box-shadow:0 5px 0 #ded1e8}.tag{background:#f0e3f9}.tag.gold{background:#ffe8a8}.exams{background:var(--purple);color:#fff}.exams .section h2,.exams h2{color:#fff}.exam-card{border:0;background:#fff;color:var(--ink);border-radius:25px;box-shadow:0 5px 0 #c9addd}.exam-card span{color:var(--muted)}
.course-grid{gap:20px}.course-card{border:1px solid var(--line);border-radius:25px;background:var(--paper);box-shadow:0 5px 0 #d9cae5}.course-card[open]{border-color:#ae89c9;box-shadow:0 8px 0 #bd9cd5}.course-card summary{padding:14px;gap:16px;min-height:140px}.course-card summary:hover{background:#fbf4ff}.course-card[open] summary{background:#f7efff}.course-photo{width:140px;height:112px;flex:0 0 140px;border-radius:18px}.course-number{background:var(--gold);color:var(--ink);border-radius:100%;width:42px;height:42px}.course-name{color:var(--ink);font-size:1.15rem}.course-body{background:#fff}.duration strong{color:var(--purple)}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:1060px){.desktop-nav,.header-link{display:none}.menu-button{display:flex}.mobile-nav{padding:0 24px 16px;flex-direction:column;gap:4px}.language-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.shell{width:min(100% - 32px,560px)}.header-row{min-height:70px}.brand{font-size:1.2rem}.brand-mark,.brand>img{width:55px;height:43px}.hero-grid{padding-block:50px 36px}.hero h1{font-size:clamp(3rem,11vw,5rem)}.hero h1 span,.page-hero h1 span{white-space:normal}.hero p{font-size:1.03rem}.hero .button{min-height:50px}.hero-visual{height:300px;margin-top:44px}.hero-photo-main{width:43%;height:265px;right:28.5%;top:0}.hero-photo-left{width:30%;height:175px;right:0;top:58px}.hero-photo-right{width:30%;height:175px;left:0;top:70px}.hero-ribbon{top:120px;height:56px;font-size:.87rem;width:112%;right:-6%}.hero-spark{font-size:3rem;right:0;top:0}.hero-smile{width:52px;height:52px;font-size:2.6rem;border-radius:18px;left:0;bottom:20px}.section{padding-block:70px}.section h2{font-size:clamp(2rem,8vw,3rem)}.about-grid{grid-template-columns:1fr;gap:35px}.about-panel{min-height:410px;order:2}.support-list,.cards,.audience-grid,.exam-grid,.course-grid{grid-template-columns:1fr}.hero-inner{padding-block:62px 65px;gap:25px}.page-hero h1{font-size:clamp(2.8rem,10vw,4.2rem)}.page-hero:after{font-size:4rem;left:2%;top:6%}.language-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.language-card img{height:160px}.language-card .language-copy{padding:16px;min-height:150px}.language-card h3{font-size:1.16rem}.course-photo{width:94px;height:80px;flex-basis:94px}.course-card summary{min-height:105px;gap:10px}.course-name{font-size:1rem}.contact-layout,.contact-inner,.footer-grid{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.contact-list{grid-template-columns:1fr}.contact-item.wide{grid-column:auto}}
@media(max-width:470px){.hero-photo-main{width:46%;right:27%}.hero-photo-left,.hero-photo-right{width:31%}.hero-ribbon{font-size:.72rem}.language-grid{grid-template-columns:1fr}.language-card img{height:220px}.course-photo{width:72px;height:68px;flex-basis:72px}.course-number{width:34px;height:34px;flex-basis:34px;font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.header-link,.button,.stage-card{transition:none}}
.location-panel{margin-top:42px;padding:26px;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 10px 24px #37136b0a}.location-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.location-heading .kicker{margin-bottom:8px}.location-heading h3{font-size:clamp(1.5rem,2.4vw,2rem);color:var(--ink);margin:0 0 6px}.contact .location-heading p{margin:0}.location-link{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:10px 20px;border-radius:100px;background:var(--purple);color:#fff;font-weight:700;text-align:center;text-decoration:none;white-space:normal}.location-link:hover{background:#5a2598}.location-link:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.location-map{display:block;width:100%;height:360px;border:0;border-radius:17px;background:#f2ebd9}
@media(max-width:760px){.location-panel{padding:16px;margin-top:28px}.location-heading{align-items:stretch;flex-direction:column}.location-link{align-self:flex-start}.location-map{height:320px}}
.detail-page-link{margin:16px 0 0}.detail-page-link a{display:inline-flex;padding:8px 14px;border-radius:100px;background:#f1e6f8;color:var(--purple);font-weight:700;text-decoration:none}.detail-page-link a:hover{background:#e3ccef}.language-detail .detail-page-link{padding:0 20px 18px}.reviews-invite{background:var(--cream)}.reviews-card{display:grid;grid-template-columns:1.2fr auto;align-items:center;gap:28px;padding:34px;border-radius:27px;background:#fff;border:1px solid var(--line);box-shadow:0 6px 0 #decfe9}.reviews-card h2{margin:0 0 12px}.reviews-card p{margin:0;color:var(--muted);line-height:1.8}.reviews-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch}.reviews-actions a{padding:11px 20px;border-radius:100px;text-align:center;text-decoration:none;font-weight:700;background:var(--purple);color:#fff}.reviews-actions a+ a{background:#f0e4fa;color:var(--purple)}.reviews-actions a:hover{text-decoration:underline}
@media(max-width:760px){.reviews-card{grid-template-columns:1fr;padding:25px}.reviews-actions{align-items:flex-start}}
.socials{background:#f2ebfa}.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.social-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 6px 0 #dccce9}.social-card h3{font-size:1.35rem;margin:0 0 18px;color:var(--ink)}.social-links{display:flex;flex-direction:column;gap:9px}.social-links a{display:block;background:#f7f0fb;color:var(--purple);padding:11px 15px;border-radius:13px;font-weight:700;text-decoration:none}.social-links a:hover{background:#eadbf5;text-decoration:underline}.socials-compact{padding-block:52px}.socials-compact .section-head{margin-bottom:22px}.socials-compact .social-grid{grid-template-columns:minmax(0,1fr)}.socials-compact .social-card{display:flex;align-items:center;gap:25px}.socials-compact .social-card h3{margin:0;min-width:145px}.socials-compact .social-links{flex-direction:row;flex-wrap:wrap}
@media(max-width:760px){.social-grid{grid-template-columns:1fr}.socials-compact .social-card{align-items:flex-start;flex-direction:column;gap:12px}.socials-compact .social-links{flex-direction:column;width:100%}}
.social-links a{display:inline-flex;align-items:center;gap:11px}.social-links img{display:block;width:24px;height:24px;flex:0 0 24px;object-fit:contain}
.social-links,.socials-compact .social-links{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.social-links a{width:56px;height:56px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:15px}.social-links img{width:28px;height:28px;flex:0 0 28px}
@media(max-width:760px){.socials-compact .social-links{flex-direction:row;width:100%}}