:root{
 --purple:#7b59c6;--pink:#ee5d96;--mint:#70b7a4;--gold:#f0aa1f;--blue:#315fb7;
 --ink:#1f2430;--muted:#6a6e7b;--line:#ececf3;--soft:#fbfbfe;--shadow:0 18px 50px rgba(54,44,103,.08)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:"Tajawal",Arial,sans-serif;background:#fff;color:var(--ink);overflow-x:hidden}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}
header{position:sticky;top:0;z-index:80;background:#ffffffee;backdrop-filter:blur(14px);border-bottom:1px solid #f0eef5}
.nav{min-height:80px;display:flex;align-items:center;gap:24px;position:relative}.brand{display:flex;align-items:center;gap:10px;margin-left:auto}.brand img{width:64px;height:64px;object-fit:contain}.brand b{display:block;color:var(--blue);font-size:14px}.brand small{display:block;color:#9096a4;font-size:11px}
.links{display:flex;gap:22px;font-weight:800;font-size:14px}.links a.active,.links a:hover{color:var(--purple);border-bottom:3px solid var(--purple)}.call{margin-right:auto;background:var(--purple);color:#fff;padding:12px 20px;border-radius:25px;font-weight:900}
.menu{display:none;border:0;background:#f7f4ff;color:var(--purple);font-size:27px;width:48px;height:48px;border-radius:14px}
.mobile-menu{display:none;position:absolute;top:72px;right:0;left:0;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:10px}.mobile-menu.open{display:grid}.mobile-menu a{padding:13px 14px;border-radius:10px;font-weight:800}.mobile-menu a:hover{background:#f7f4ff;color:var(--purple)}
.hero{padding:42px 0 25px;background:radial-gradient(circle at 10% 10%,#faf6ff 0 12%,transparent 13%),#fff}.hero-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:44px;align-items:center}.hero-copy h1{font-size:clamp(43px,5.4vw,68px);line-height:1.17;margin:0 0 18px;color:var(--purple);font-weight:900}.hero-copy h1 span{color:var(--pink)}.hero-copy p{font-size:18px;line-height:2}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:27px}.btn{padding:14px 23px;border-radius:14px;font-weight:900;display:inline-flex;align-items:center;justify-content:center}.primary{background:var(--purple);color:#fff}.secondary{border:2px solid #b59de4;color:var(--purple);background:#fff}
.hero-art{border-radius:34px;overflow:hidden;box-shadow:var(--shadow);background:linear-gradient(145deg,#fff8f2,#f3fbf7)}.hero-art svg{width:100%;height:auto;display:block}
.features{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden;margin-top:30px;box-shadow:var(--shadow)}.feature{text-align:center;padding:22px 13px;position:relative}.feature:not(:last-child):after{content:"";position:absolute;left:0;top:24%;bottom:24%;width:1px;background:#ececf1}.feature .icon{width:64px;height:64px;margin:0 auto 8px}.feature b{display:block;margin:5px 0 7px}.feature small{line-height:1.75}
section{padding:58px 0}.title{text-align:center;margin-bottom:28px}.title h2{font-size:34px;color:var(--purple);margin:0}.title p{color:var(--muted)}
.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.level{border-radius:22px;border:1px solid #e9e9ef;padding:22px;text-align:center;overflow:hidden}.level.k1{background:linear-gradient(180deg,#fff6f9,#fff)}.level.k2{background:linear-gradient(180deg,#fffaf0,#fff)}.level.k3{background:linear-gradient(180deg,#f5fcfa,#fff)}.level .label{font-size:19px;font-weight:900}.level h3{font-size:48px;margin:3px 0 8px}.level p{line-height:1.85;min-height:72px}.toy-svg{width:100%;height:180px;display:block}
.gallery-box{border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.gallery-head{margin-bottom:18px}.gallery-head h2{color:var(--purple);font-size:30px;margin:0}.gallery-head p{margin:5px 0;color:#555}.gallery-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.media{scroll-snap-align:start;border-radius:16px;overflow:hidden;aspect-ratio:1.25;background:#f4f4f8;min-width:190px}.media svg,.media img,.media video{width:100%;height:100%;object-fit:cover;display:block}
.qurrah-clean{display:grid;grid-template-columns:.8fr 1.5fr .7fr;gap:24px;align-items:center;background:linear-gradient(90deg,#f1fbf7,#fff9fb);border:1px solid #dbece6;border-radius:26px;padding:24px;box-shadow:0 10px 35px rgba(74,147,128,.06)}.qurrah-clean svg{width:170px;height:150px;margin:auto}.qurrah-clean h2{margin:0 0 8px;color:#5e9f8c;font-size:30px}.qurrah-clean p{color:#616772;line-height:1.9;margin:0}.qurrah-word{text-align:center;color:#5e9f8c;font-size:44px;font-weight:900}.qurrah-word small{font-size:16px;letter-spacing:2px}
.contact{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:20px}.card{border:1px solid var(--line);border-radius:20px;padding:23px}.card h3{color:var(--purple);margin-top:0}.socials{display:flex;gap:8px;flex-wrap:wrap}.socials a{background:#f7f5ff;padding:9px 12px;border-radius:11px;font-weight:700}.qr{width:140px;margin:auto}
footer{background:var(--purple);color:#fff;text-align:center;padding:17px;margin-top:20px}
.about-intro{display:grid;grid-template-columns:1fr 1.05fr;gap:34px;align-items:center}.about-intro .visual{border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.about-intro h1{font-size:48px;color:var(--purple);margin:0 0 15px}.about-intro p{line-height:2;color:var(--muted)}.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.about-card{border:1px solid var(--line);border-radius:22px;padding:27px;box-shadow:var(--shadow)}.about-card h2{color:var(--purple)}.about-card p,.about-card li{line-height:1.9;color:#555}.values{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.value{text-align:center;padding:18px;border:1px solid var(--line);border-radius:17px;font-weight:800}
.admin-wrap{width:min(900px,92%);margin:40px auto}.admin-card{border:1px solid var(--line);border-radius:22px;padding:24px;margin-bottom:17px}.field{width:100%;padding:13px;border:1px solid #ddd;border-radius:12px;margin:7px 0;font-family:inherit}.upload{border:0;background:var(--purple);color:#fff;padding:12px 18px;border-radius:12px;font-family:inherit;font-weight:800}
@media(max-width:900px){.links,.call{display:none}.menu{display:grid;place-items:center}.hero-grid,.contact,.about-grid,.about-intro{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr}.levels{grid-template-columns:1fr}.values{grid-template-columns:1fr 1fr}.gallery-strip{grid-auto-columns:62%}.qurrah-clean{grid-template-columns:1fr;text-align:center}}
@media(max-width:520px){.container{width:92%}.brand img{width:58px;height:58px}.brand b{font-size:12px}.brand small{display:none}.hero{padding-top:24px}.hero-copy h1{font-size:42px}.hero-copy p{font-size:16px}.features{grid-template-columns:1fr}.feature:not(:last-child):after{left:12%;right:12%;top:auto;bottom:0;width:auto;height:1px}.level p{min-height:auto}.gallery-strip{grid-auto-columns:78%}.values{grid-template-columns:1fr}.qurrah-clean h2{font-size:27px}.about-intro h1{font-size:38px}}