:root{--bg:#fff8f3;--text:#17213a;--muted:#667085;--card:#ffffffcc;--line:#1e293b16;--pink:#ff7b8f;--coral:#ff805f;--blue:#2ab7df;--lav:#b98cff;--shadow:0 24px 80px #1e293b18}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,Arial,sans-serif;background:radial-gradient(circle at 70% 0,#ffe0d6 0,#fff8f3 28%,#f6fbff 68%,#fff 100%);color:var(--text);overflow-x:hidden}.motion-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.motion-bg span{position:absolute;width:320px;height:320px;border-radius:50%;filter:blur(45px);opacity:.35;animation:float 12s ease-in-out infinite}.motion-bg span:nth-child(1){background:var(--pink);right:5%;top:8%}.motion-bg span:nth-child(2){background:var(--blue);left:10%;top:36%;animation-delay:2s}.motion-bg span:nth-child(3){background:var(--lav);right:42%;bottom:0;animation-delay:4s}.motion-bg b{position:absolute;color:#33415522;font-size:42px;animation:word 9s ease-in-out infinite}.motion-bg b:nth-of-type(1){top:18%;left:18%}.motion-bg b:nth-of-type(2){top:34%;right:38%;animation-delay:2s}.motion-bg b:nth-of-type(3){bottom:24%;left:35%;animation-delay:4s}@keyframes float{50%{transform:translateY(35px) translateX(-25px) scale(1.1)}}@keyframes word{50%{opacity:.9;transform:translateY(-18px) rotate(-3deg)}}.section{width:min(1180px,92%);margin:auto;padding:75px 0}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px 6%;backdrop-filter:blur(18px);background:#ffffffaa;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--text);font-weight:900}.brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--pink),var(--blue));color:white}nav{display:flex;align-items:center;gap:18px}nav a{color:var(--text);text-decoration:none;font-weight:700;font-size:14px}.hamb{display:none;border:0;background:white;border-radius:12px;padding:8px 12px;box-shadow:var(--shadow)}button,.miniBtn,.primary,.ghost{font-family:inherit;cursor:pointer}.miniBtn,.primary{border:0;background:linear-gradient(135deg,var(--coral),var(--pink));color:#fff;border-radius:18px;padding:14px 24px;font-weight:900;box-shadow:0 18px 40px #ff805f3d}.ghost{display:inline-flex;text-decoration:none;color:var(--text);border:1px solid var(--line);background:#ffffffaa;border-radius:18px;padding:13px 24px;font-weight:900}.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:720px;padding-top:58px}.eyebrow{display:inline-flex;background:#ffffffb8;border:1px solid var(--line);border-radius:999px;padding:9px 16px;color:var(--coral);font-weight:900}.hero h1{font-size:clamp(48px,7vw,92px);line-height:.95;margin:16px 0;font-weight:900;letter-spacing:-2px}.hero h2{font-size:clamp(22px,3vw,35px);margin:0 0 18px;color:#2152a1}.lead{font-size:24px;font-weight:800;color:#ef596f}.bodycopy{font-size:18px;line-height:2;color:#3c475e;max-width:680px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.heroArt{position:relative;min-height:560px;display:grid;place-items:center}.portrait-wrap{position:relative;width:min(430px,90vw);height:600px;border-radius:48% 48% 36% 36%;display:flex;align-items:flex-end;justify-content:center}.portrait-glow{position:absolute;inset:14% -4% 0;background:linear-gradient(135deg,#ffb39f88,#aeeaff88,#ffd9ef88);filter:blur(28px);border-radius:44px;transform:rotate(-5deg)}.portrait{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:46px;box-shadow:0 28px 90px #1e293b25;mix-blend-mode:multiply;animation:heroIn 1.1s cubic-bezier(.2,.8,.2,1) both}.portrait-wrap:after{content:"";position:absolute;z-index:3;inset:auto 10% 0 10%;height:40%;background:linear-gradient(to top,#fff8f3 0%,#fff8f300 85%)}@keyframes heroIn{from{opacity:0;transform:translateY(60px) scale(.94)}to{opacity:1;transform:none}}.reveal{animation:fadeUp .9s ease both}.reveal-img{animation:fadeUp 1s .15s ease both}@keyframes fadeUp{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats div,.card,.project,.tool-card,.article,details{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px}.stats div{padding:24px;text-align:center}.stats b{display:block;font-size:40px;color:var(--coral)}.stats span{font-weight:800}.title{text-align:center;margin-bottom:28px}.title p{margin:0;color:var(--coral);font-weight:900}.title h2{font-size:38px;margin:8px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:26px;transition:.3s}.card:hover{transform:translateY(-8px)}.icon{display:grid;place-items:center;width:45px;height:45px;border-radius:16px;background:#fff0ec;color:var(--coral);font-size:22px}.card h3{font-size:24px}.card p,.project p,.article p{color:var(--muted);line-height:1.8}.card a,.project button,.article button{border:0;background:#eaf9ff;color:#12799a;border-radius:14px;padding:11px 15px;font-weight:900;text-decoration:none}.projectGrid,.articleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project,.article{overflow:hidden}.thumb{height:190px;background:linear-gradient(135deg,#ffe2da,#dcf7ff);display:grid;place-items:center;font-weight:900}.thumb img,.article img{width:100%;height:100%;object-fit:cover}.projectBody,.article{padding:22px}.project small,.article small{color:var(--coral);font-weight:900}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tool-card{padding:24px;position:relative;overflow:hidden}.tool-card span{display:grid;place-items:center;width:58px;height:58px;border-radius:22px;background:linear-gradient(135deg,var(--blue),var(--lav));color:white;font-size:24px;font-weight:900}.tool-card b{display:block;margin:16px 0 10px}.tool-card i{display:block;height:10px;background:#e8eef6;border-radius:999px;overflow:hidden}.tool-card em{display:block;height:100%;background:linear-gradient(90deg,var(--coral),var(--blue));border-radius:999px}.faq{display:grid;gap:12px}details{padding:20px}summary{font-weight:900;cursor:pointer}.articleBox p{white-space:pre-line;line-height:2}footer{width:min(1180px,92%);margin:60px auto 30px;padding:24px;border-radius:28px;background:#17213a;color:white;display:flex;justify-content:space-between;gap:20px;align-items:center}.socials{display:flex;gap:10px;flex-wrap:wrap}.socials a{color:white;text-decoration:none;background:#ffffff14;padding:10px 14px;border-radius:14px}.whatsapp{position:fixed;left:20px;bottom:20px;z-index:55;background:#25d366;color:white;text-decoration:none;border-radius:999px;padding:15px 18px;font-weight:900;box-shadow:0 15px 45px #25d36660}.modal{position:fixed;inset:0;background:#17213aaa;backdrop-filter:blur(8px);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modalBox{width:min(560px,95vw);background:white;border-radius:28px;padding:28px;box-shadow:0 35px 120px #0005;position:relative}.close{position:absolute;left:18px;top:18px;border:0;background:#f3f4f6;border-radius:12px;width:38px;height:38px;font-size:24px}.modalBox input,.modalBox select,.modalBox textarea,.formgrid input,.formgrid select,.formgrid textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px;margin:7px 0;font-family:inherit;background:#fff}.modalBox textarea,.formgrid textarea{min-height:110px}.success{background:#e8fff3;color:#008844;padding:12px;border-radius:14px}.error{background:#fff0f0;color:#b42318;padding:12px;border-radius:14px}.empty{text-align:center;color:var(--muted)}@media(max-width:900px){.hamb{display:block}nav{position:absolute;top:72px;left:4%;right:4%;display:none;flex-direction:column;background:white;padding:18px;border-radius:24px;box-shadow:var(--shadow)}nav.show{display:flex}.hero{grid-template-columns:1fr;text-align:center;min-height:auto}.heroText{order:2}.heroArt{order:1;min-height:420px}.portrait-wrap{height:440px}.stats,.cards,.projectGrid,.tools-grid,.articleGrid{grid-template-columns:1fr}.title h2{font-size:28px}footer{flex-direction:column;text-align:center}.actions{justify-content:center}}
/* Admin */.admin-body{background:#0b1020;color:#f8fafc}.admin{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.side{background:#070b16;border-left:1px solid #ffffff12;padding:24px;position:sticky;top:0;height:100vh}.side h2{margin-top:0}.side a{display:block;color:#fff;text-decoration:none;padding:12px;border-radius:14px;margin:6px 0}.side a:hover{background:#ffffff12}.panel{padding:28px}.admin .stats div,.admin-card{background:#11182a;border:1px solid #ffffff12;border-radius:24px;box-shadow:none}.admin .table{width:100%;border-collapse:collapse;background:#11182a;border-radius:18px;overflow:hidden}.admin .table th,.admin .table td{padding:12px;border-bottom:1px solid #ffffff12;text-align:right;color:#f8fafc}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.full{grid-column:1/-1}.danger{color:#ff8aa8}.chartgrid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.chartbox{background:#11182a;border:1px solid #ffffff12;border-radius:24px;padding:20px;min-height:330px}@media(max-width:900px){.admin{grid-template-columns:1fr}.side{position:relative;height:auto}.formgrid,.chartgrid{grid-template-columns:1fr}}