:root{--ivory:#fff9f1;--paper:#fffdfa;--plum:#34103f;--plum2:#5d2167;--lime:#c8ff2e;--coral:#ff6f61;--muted:#746b76;--line:#eadfea}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 0,#f5e8f7 0,transparent 27%),radial-gradient(circle at 8% 95%,#f3ffd0 0,transparent 28%),var(--ivory);color:var(--plum);font-family:"Tajawal","Noto Sans Arabic",system-ui,sans-serif;line-height:1.9}.shell{width:min(1080px,calc(100% - 28px));margin:auto}.top{position:sticky;top:0;z-index:10;padding:12px 0;background:rgba(255,249,241,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(52,16,63,.08)}.nav{display:flex;align-items:center;gap:14px}.brand{display:flex;align-items:center;gap:10px;font-size:1.35rem;font-weight:900}.brand img{width:46px;height:46px;border-radius:15px;box-shadow:0 10px 24px rgba(52,16,63,.18)}.links{margin-inline-start:auto;display:flex;gap:6px;flex-wrap:wrap}.links a{color:var(--plum);text-decoration:none;padding:8px 13px;border-radius:999px;font-weight:800}.links a:hover,.links a.active{background:var(--lime)}.hero{padding:72px 0 38px;text-align:center}.hero img{width:112px;height:112px;border-radius:32px;box-shadow:0 22px 55px rgba(52,16,63,.2);animation:float 4s ease-in-out infinite}.eyebrow{display:inline-block;margin-top:22px;padding:6px 14px;border-radius:999px;background:rgba(200,255,46,.36);font-weight:900}.hero h1{margin:10px 0 8px;font-size:clamp(2.2rem,6vw,4.5rem);line-height:1.15}.hero p{max-width:720px;margin:auto;color:var(--muted);font-size:1.12rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:22px 0 80px}.card,.content{background:rgba(255,255,255,.72);border:1px solid rgba(52,16,63,.1);border-radius:28px;box-shadow:0 20px 55px rgba(52,16,63,.08);backdrop-filter:blur(15px)}.card{padding:25px;text-decoration:none;color:inherit;transition:.25s}.card:hover{transform:translateY(-7px) rotate(-.4deg);box-shadow:0 28px 70px rgba(52,16,63,.14)}.icon{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:var(--lime);font-size:1.55rem}.card h2{margin:12px 0 4px}.card p{margin:0;color:var(--muted)}.content{padding:clamp(22px,5vw,58px);margin:34px 0 80px}.content h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.25}.content h2{margin-top:38px}.content p,.content li{color:#544b55}.content strong{color:var(--plum)}.note{padding:18px 20px;border-radius:20px;background:#f3ffd1;border-inline-start:5px solid var(--lime)}.footer{padding:30px 0 50px;text-align:center;color:var(--muted)}.swirl{height:10px;border-radius:99px;background:linear-gradient(90deg,var(--plum),var(--lime),var(--coral),var(--plum));opacity:.8}@keyframes float{50%{transform:translateY(-9px) rotate(2deg)}}@media(max-width:760px){.links{display:none}.grid{grid-template-columns:1fr}.hero{padding-top:48px}.content{border-radius:22px}}