@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap);:root{--ink:#12312c;--muted:#60736d;--gold:#d6a84f;--emerald:#0b806b;--mint:#e9fff8;--cream:#fff8e8;--rose:#fff0f0;--shadow:0 24px 70px rgba(13,70,61,.14)}*{box-sizing:border-box}body{margin:0;font-family:Tajawal,Arial,sans-serif;background:radial-gradient(circle at 80% 0,#fff3c9,transparent 28%),radial-gradient(circle at 10% 20%,#d9fff2,transparent 30%),linear-gradient(135deg,#fbfff9,#fffaf0 55%,#f4fffb);color:var(--ink);overflow-x:hidden}a{text-decoration:none;color:inherit}.nav{position:sticky;top:0;z-index:10;justify-content:space-between;padding:14px 6vw;background:hsla(0,0%,100%,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(11,128,107,.1)}.brand,.nav{display:flex;align-items:center}.brand{gap:10px;font-weight:900;font-size:28px}.logo{width:48px;height:48px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,var(--emerald),#20b894);color:#fff;box-shadow:0 14px 30px rgba(11,128,107,.28);position:relative}.logo:after{content:"";position:absolute;inset:-6px;border:1px dashed var(--gold);border-radius:22px;animation:spin 14s linear infinite}.nav nav{display:flex;align-items:center;gap:10px}.nav a{padding:10px 13px;border-radius:999px;font-weight:700}.nav a.router-link-active,.pill{background:#0b806b;color:#fff;box-shadow:0 12px 25px rgba(11,128,107,.22)}.menu{display:none;border:0;background:#0b806b;color:#fff;border-radius:14px;padding:10px 13px;font-size:20px}.hero{min-height:78vh;display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;padding:70px 7vw 30px;position:relative}.badge{display:inline-flex;width:-moz-max-content;width:max-content;padding:9px 16px;border-radius:999px;background:rgba(214,168,79,.16);color:#8a6216;border:1px solid rgba(214,168,79,.25)}.badge,h1{font-weight:900}h1{font-size:clamp(40px,6vw,82px);line-height:1.05;margin:18px 0 16px}h2{font-size:clamp(28px,4vw,48px);margin:0 0 16px}p{line-height:1.9;color:var(--muted);font-size:18px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:24px}.btn{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:18px;font-weight:900;background:linear-gradient(135deg,#0b806b,#18b594);color:#fff;box-shadow:0 18px 40px rgba(11,128,107,.25);transition:.28s}.btn:hover{transform:translateY(-4px) scale(1.02)}.btn.alt{background:#fff;color:var(--emerald);border:1px solid rgba(11,128,107,.15)}.hero-art{height:540px;border-radius:42px;background:linear-gradient(145deg,hsla(0,0%,100%,.85),rgba(255,248,232,.72));box-shadow:var(--shadow);border:1px solid hsla(0,0%,100%,.8);position:relative;overflow:hidden;padding:26px}.hero-art:before{content:"﷽";position:absolute;left:20px;top:10px;font-size:96px;color:rgba(214,168,79,.18);font-weight:900}.mosque{inset:auto 26px 26px 26px;height:210px;background:linear-gradient(180deg,#0b806b,#064f43);border-radius:120px 120px 34px 34px;box-shadow:inset 0 30px 50px hsla(0,0%,100%,.08)}.dome,.mosque{position:absolute}.dome{right:50%;transform:translateX(50%);top:86px;width:240px;height:170px;background:linear-gradient(135deg,#d6a84f,#ffe28b);border-radius:150px 150px 20px 20px;animation:float 5s ease-in-out infinite}.minaret{position:absolute;bottom:80px;width:52px;height:300px;border-radius:32px 32px 12px 12px;background:linear-gradient(180deg,#fff,#bff6e5);box-shadow:var(--shadow)}.minaret.r{right:55px}.minaret.l{left:55px}.orb{position:absolute;border-radius:50%;filter:blur(.2px);animation:float 6s ease-in-out infinite}.orb.one{width:110px;height:110px;background:#dfffee;top:70px;right:30px}.orb.two{width:75px;height:75px;background:#fff0bd;top:230px;left:70px;animation-delay:1s}.section{padding:70px 7vw}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.glass{background:hsla(0,0%,100%,.76);border:1px solid hsla(0,0%,100%,.85);border-radius:30px;padding:26px;box-shadow:var(--shadow);transition:.3s;position:relative;overflow:hidden}.glass:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:rgba(214,168,79,.1);top:-60px;left:-60px}.hover:hover{transform:translateY(-8px);box-shadow:0 34px 85px rgba(13,70,61,.18)}.icon{font-size:42px;margin-bottom:10px}.mini-hero{padding:80px 7vw 38px;text-align:center}.mini-hero h1{font-size:clamp(34px,5vw,62px)}.teacher-card{display:flex;gap:15px;align-items:center}.avatar{width:76px;height:76px;border-radius:25px;background:linear-gradient(135deg,#0b806b,#d6a84f);display:grid;place-items:center;color:#fff;font-size:32px}.avatar,.price{font-weight:900}.price{font-size:42px;color:var(--emerald)}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.tab{padding:11px 16px;border:1px solid rgba(11,128,107,.18);border-radius:999px;background:#fff;cursor:pointer;font-weight:800}.tab.active{background:#0b806b;color:#fff}.form{max-width:850px;margin:auto;display:grid;gap:14px}.input{width:100%;border:1px solid rgba(11,128,107,.14);background:#fff;border-radius:18px;padding:15px 17px;font-family:inherit;font-size:16px;outline:none}.input:focus{border-color:#0b806b;box-shadow:0 0 0 5px rgba(11,128,107,.08)}.dash{display:grid;grid-template-columns:260px 1fr;gap:24px;padding:30px 7vw 70px}.side{position:sticky;top:90px;height:-moz-max-content;height:max-content}.side a{display:block;padding:14px 16px;margin:8px 0;border-radius:17px;background:hsla(0,0%,100%,.72);font-weight:800}.panel{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:22px;background:#fff;box-shadow:var(--shadow)}td,th{padding:16px;text-align:right;border-bottom:1px solid #edf3f0}.footer{margin-top:60px;padding:40px 7vw;background:#083d35;color:#fff;display:flex;justify-content:space-between;gap:20px}.footer a,.footer p{color:#d6f8ee}.links{display:flex;gap:16px;flex-wrap:wrap}.whatsapp-float{position:fixed;left:22px;bottom:22px;z-index:11;background:#25d366;color:#fff;padding:15px 18px;border-radius:999px;font-weight:900;box-shadow:0 20px 45px rgba(37,211,102,.34);animation:pulse 2.4s infinite}.page-enter-active,.page-leave-active{transition:.35s}.page-enter-from{opacity:0;transform:translateY(18px)}.page-leave-to{opacity:0;transform:translateY(-12px)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes float{50%{transform:translateY(-18px)}}@keyframes pulse{50%{transform:translateY(-4px) scale(1.04)}}@media(max-width:900px){.dash,.grid,.hero,.panel{grid-template-columns:1fr}.hero-art{height:410px}.nav nav{display:none;position:absolute;top:78px;left:5vw;right:5vw;background:#fff;border-radius:24px;padding:14px;box-shadow:var(--shadow);flex-direction:column}.nav nav.open{display:flex}.menu{display:block}.footer{flex-direction:column}.side{position:relative;top:auto}}