:root{color-scheme:dark;--bg:#0b1522;--bg2:#101f30;--surface:#14263a;--surface2:#1a3046;--text:#f2f5f7;--muted:#aab8c6;--line:rgba(183,205,219,.16);--accent:#54c4c2;--accent2:#86d9d0;--accent-soft:rgba(84,196,194,.13);--warm:#e58b67;--shadow:0 24px 80px rgba(0,0,0,.28);--nav:rgba(11,21,34,.78)}
:root[data-theme="light"]{color-scheme:light;--bg:#f2f5f3;--bg2:#e8efed;--surface:#fff;--surface2:#edf4f2;--text:#172a38;--muted:#647783;--line:rgba(34,65,77,.15);--accent:#147f83;--accent2:#20a5a0;--accent-soft:rgba(20,127,131,.10);--warm:#c86d4b;--shadow:0 24px 70px rgba(26,56,63,.12);--nav:rgba(242,245,243,.84)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Cairo',sans-serif;transition:background .35s,color .35s}button,a,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.site-shell{overflow:hidden}.topbar{height:82px;padding:0 clamp(20px,6vw,96px);display:flex;align-items:center;justify-content:space-between;gap:25px;position:sticky;top:0;z-index:20;background:var(--nav);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{width:42px;height:42px;border:1px solid var(--accent);border-radius:13px;display:grid;place-items:center;background:var(--accent-soft)}.brand-mark svg{width:28px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linejoin:round}.brand-copy{display:grid;line-height:1.25}.brand-copy b{font-size:15px}.brand-copy small{font:700 9px Manrope,sans-serif;letter-spacing:1.3px;color:var(--muted);direction:ltr}.desktop-nav{display:flex;align-items:center;gap:clamp(16px,2.5vw,36px);font-size:12px;color:var(--muted)}.desktop-nav a{transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--accent)}.top-actions{display:flex;align-items:center;gap:10px}.theme-toggle,.login-top,.menu-toggle{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:30px;padding:9px 14px;font-size:11px}.theme-toggle{display:flex;gap:8px;align-items:center}.theme-icon{color:var(--accent);font-size:17px}.login-top{background:var(--accent);color:#071b22;border-color:var(--accent);font-weight:800;padding-inline:19px}.login-top span{margin-right:7px}.menu-toggle{display:none;font-size:19px}.hero{min-height:690px;position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;padding:65px clamp(22px,9vw,140px) 100px;isolation:isolate;background:radial-gradient(ellipse at 78% 50%,var(--accent-soft),transparent 38%),linear-gradient(125deg,var(--bg),var(--bg2))}.hero:after{content:"";position:absolute;inset:0;z-index:-2;opacity:.2;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(90deg,transparent,black)}.hero-grid{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 15% 20%,rgba(229,139,103,.10),transparent 25%),radial-gradient(circle at 75% 80%,rgba(84,196,194,.12),transparent 28%)}.hero-copy{position:relative;z-index:3;max-width:650px}.eyebrow,.section-kicker{font:700 10px Manrope,sans-serif;letter-spacing:2px;color:var(--accent);display:flex;align-items:center;gap:12px}.eyebrow{font-family:'Cairo',sans-serif;letter-spacing:1px;font-size:12px}.eyebrow-line{width:27px;height:1px;background:var(--accent)}.welcome-en{font:800 13px Manrope,sans-serif;letter-spacing:5px;color:var(--warm);margin:35px 0 8px;direction:ltr;text-align:right}.hero h1{font:800 clamp(34px,4.6vw,66px)/1.12 Manrope,sans-serif;letter-spacing:-2.5px;direction:ltr;text-align:right;margin:0;color:var(--text)}.hero h1 span{color:var(--accent)}.hero-tagline{font:600 14px Manrope,sans-serif;direction:ltr;text-align:right;color:var(--warm);margin:18px 0 16px;letter-spacing:.4px}.hero-description{max-width:490px;color:var(--muted);font-size:14px;line-height:2.1}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:28px}.primary-btn{border:0;border-radius:9px;background:var(--accent);color:#082027;padding:13px 22px;font-weight:800;font-size:13px;box-shadow:0 10px 35px rgba(45,169,166,.18);transition:transform .25s,box-shadow .25s}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 16px 42px rgba(45,169,166,.27)}.primary-btn span{margin-right:12px;font-size:17px}.text-link,.under-link{font-size:12px;color:var(--muted)}.text-link span{color:var(--accent);margin-right:7px}.hero-proof{display:flex;align-items:center;gap:10px;margin-top:55px;font-size:10px;color:var(--muted)}.proof-dot,.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}.hero-proof i{height:14px;width:1px;background:var(--line);margin:0 8px}.proof-en{font:700 9px Manrope,sans-serif;letter-spacing:1px;direction:ltr}.hero-visual{height:540px;position:relative;display:flex;align-items:center;justify-content:center}.visual-backdrop{position:absolute;width:min(100%,510px);height:490px;bottom:0;right:0;overflow:hidden;border-radius:48% 48% 20px 20px;background:linear-gradient(160deg,rgba(84,196,194,.13),rgba(15,30,44,.04));border:1px solid var(--line)}.sun-disc{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(229,139,103,.34),rgba(229,139,103,.03) 68%,transparent 70%);top:30px;right:95px}.pyramid{position:absolute;bottom:0;width:0;height:0;border-left:150px solid transparent;border-right:150px solid transparent;border-bottom:260px solid rgba(84,196,194,.10);filter:drop-shadow(0 0 22px rgba(84,196,194,.1))}.pyramid-back{right:-10px;transform:scale(.82);transform-origin:bottom}.pyramid-front{right:180px;border-bottom-color:rgba(229,139,103,.11);transform:scale(.63);transform-origin:bottom}.temple-lines{position:absolute;bottom:0;left:8%;width:84%;height:48%;border-top:1px solid rgba(84,196,194,.22);background:repeating-linear-gradient(90deg,transparent 0 35px,rgba(84,196,194,.12) 36px 38px,transparent 39px 70px);clip-path:polygon(0 12%,100% 12%,100% 100%,0 100%)}.photo-frame{position:absolute;z-index:2;bottom:0;right:15%;height:490px;width:min(75%,380px);display:flex;align-items:flex-end;justify-content:center}.photo-frame:before{content:"";position:absolute;inset:8% -8% 0;border:1px solid rgba(84,196,194,.35);border-radius:48% 48% 12px 12px;transform:rotate(4deg)}.photo-frame img{position:relative;width:100%;height:100%;object-fit:cover;object-position:center 20%;border-radius:47% 47% 8px 8px;mask-image:linear-gradient(to bottom,black 82%,transparent 100%);filter:contrast(1.04) saturate(.92);mix-blend-mode:normal}.photo-glow{position:absolute;inset:5% -5% 0;border-radius:50%;background:var(--accent);filter:blur(65px);opacity:.13}.floating-label{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 85%,transparent);backdrop-filter:blur(15px);box-shadow:var(--shadow)}.floating-label b,.floating-label small{display:block}.floating-label b{font-size:11px}.floating-label small{font:700 8px Manrope,sans-serif;letter-spacing:1px;color:var(--muted);margin-top:4px}.label-icon{font-size:24px;color:var(--warm)}.label-top{top:85px;right:0}.label-bottom{bottom:52px;left:-10px}.pulse-dot{width:8px;height:8px}.visual-index{position:absolute;bottom:12px;right:2px;font:700 11px Manrope;color:var(--muted);direction:ltr}.visual-index span{color:var(--accent);padding:0 5px}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;pointer-events:none}.orbit-one{width:650px;height:650px;right:-300px;top:50px}.orbit-two{width:850px;height:850px;right:-400px;top:-40px}.scroll-cue{position:absolute;bottom:28px;left:clamp(22px,9vw,140px);font:700 8px Manrope,sans-serif;letter-spacing:2px;color:var(--muted);display:flex;align-items:center;gap:12px;direction:ltr}.scroll-cue span{height:1px;width:34px;background:var(--accent)}.section-pad{padding:110px clamp(22px,10vw,150px)}.intro{background:var(--surface);position:relative}.intro:after{content:"02";position:absolute;left:8%;bottom:-65px;font:800 220px Manrope;color:var(--accent-soft);pointer-events:none}.intro-content{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:32px;position:relative;z-index:1}.intro h2,.section-heading h2,.journey h2{font-size:clamp(32px,4vw,52px);line-height:1.45;margin:0;font-weight:800}.intro h2 span,.section-heading h2 span,.journey h2 span{color:var(--accent)}.intro-text p,.section-heading>p,.journey-copy>p{font-size:14px;line-height:2.2;color:var(--muted);margin:0 0 25px}.under-link{color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:8px}.under-link span{margin-right:12px}.features{background:var(--bg)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:42px}.section-heading h2{margin-top:18px}.section-heading>p{max-width:300px;margin-bottom:5px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{position:relative;min-height:260px;padding:27px 22px;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .3s,border-color .3s}.feature-card:hover{transform:translateY(-7px);border-color:var(--accent)}.feature-large{background:linear-gradient(145deg,var(--surface2),var(--surface))}.card-number{font:700 10px Manrope,sans-serif;color:var(--muted);direction:ltr;text-align:left}.feature-icon{font-size:31px;color:var(--accent);margin:30px 0 16px}.feature-card h3{font-size:17px;margin:0 0 10px}.feature-card p{font-size:11px;line-height:2;color:var(--muted)}.card-arrow{position:absolute;left:20px;bottom:17px;color:var(--accent);font-size:20px}.journey{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;background:var(--surface)}.journey-art{height:340px;display:grid;place-items:center;position:relative;background:radial-gradient(circle,var(--accent-soft),transparent 65%)}.journey-ring{width:270px;height:270px;border:1px solid var(--accent);border-radius:50%;box-shadow:0 0 55px var(--accent-soft),inset 0 0 55px var(--accent-soft);position:absolute}.journey-ring:before,.journey-ring:after{content:"";position:absolute;inset:18px;border:1px dashed var(--line);border-radius:50%}.journey-ring:after{inset:-24px;border-color:var(--warm);opacity:.5}.journey-symbol{font-size:115px;color:var(--warm);text-shadow:0 0 45px var(--warm)}.journey-caption{position:absolute;bottom:20px;font:700 9px Manrope;letter-spacing:3px;color:var(--muted);direction:ltr}.journey-copy h2{margin:18px 0}.journey-copy>p{max-width:440px}.footer{min-height:110px;padding:25px clamp(22px,6vw,96px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);background:var(--bg)}.footer>p,.copyright{font:600 10px Manrope;color:var(--muted);direction:ltr}.copyright{font-size:9px}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;visibility:hidden;opacity:0;transition:opacity .25s,visibility .25s}.modal.open{visibility:visible;opacity:1}.modal-backdrop{position:absolute;inset:0;background:rgba(3,10,17,.75);backdrop-filter:blur(9px)}.login-panel{position:relative;width:min(100%,440px);max-height:92vh;overflow:auto;padding:36px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);transform:translateY(18px);transition:transform .25s}.modal.open .login-panel{transform:translateY(0)}.modal-close{position:absolute;left:18px;top:14px;border:0;background:transparent;color:var(--muted);font-size:28px}.login-emblem{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--accent-soft);color:var(--warm);font-size:28px;margin-bottom:18px}.login-panel h2{font-size:27px;margin:12px 0 4px}.login-subtitle{font-size:12px;color:var(--muted);margin:0 0 24px}.login-panel form label{display:block;font-size:11px;font-weight:700;margin:15px 0 7px}.login-panel input{width:100%;padding:13px 14px;border-radius:9px;border:1px solid var(--line);background:var(--bg);color:var(--text);outline:none;font-size:12px}.login-panel input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.login-submit{width:100%;margin-top:22px}.form-message{font-size:11px;min-height:20px;color:var(--warm)}.login-note{border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:10px;line-height:1.8}.login-note span{color:var(--accent);margin-left:5px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--surface2);border:1px solid var(--line);padding:12px 18px;border-radius:30px;color:var(--text);font-size:11px;z-index:70;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.desktop-nav{display:none}.menu-toggle{display:block}.hero{grid-template-columns:1fr 1fr;padding-inline:5vw}.hero-visual{height:480px}.photo-frame{height:430px;width:78%;right:10%}.visual-backdrop{height:420px}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.topbar{height:70px;padding-inline:16px}.brand-mark{width:37px;height:37px}.theme-label{display:none}.theme-toggle{padding:7px 10px}.login-top{padding:8px 12px;font-size:10px}.hero{display:flex;flex-direction:column-reverse;align-items:stretch;padding:20px 22px 85px;min-height:auto}.hero-visual{height:390px;width:100%;margin-bottom:15px}.visual-backdrop{height:350px;width:90%;right:5%}.photo-frame{height:355px;width:72%;right:14%}.label-top{top:35px;right:-4px}.label-bottom{bottom:22px;left:-3px}.hero-copy{padding-top:22px}.welcome-en{margin-top:22px}.hero h1{font-size:clamp(29px,8vw,43px);letter-spacing:-1.4px}.hero-tagline{font-size:12px}.hero-description{font-size:12px}.hero-proof{margin-top:32px;flex-wrap:wrap}.scroll-cue{bottom:24px;left:22px}.section-pad{padding:72px 23px}.intro-content,.journey{grid-template-columns:1fr;gap:25px}.intro h2,.section-heading h2,.journey h2{font-size:35px}.intro:after{font-size:140px;bottom:-40px}.section-heading{display:block}.section-heading>p{margin-top:18px}.feature-grid{grid-template-columns:1fr 1fr;gap:9px}.feature-card{padding:20px 15px;min-height:235px}.feature-card h3{font-size:14px}.feature-card p{font-size:10px}.feature-icon{margin:25px 0 12px}.journey-art{height:280px;grid-row:2}.journey-ring{width:220px;height:220px}.journey-symbol{font-size:90px}.footer{flex-wrap:wrap;padding:24px}.footer>p{order:3;width:100%;margin:0}.login-panel{padding:30px 22px}.proof-en{display:none}}
@media(max-width:390px){.feature-grid{grid-template-columns:1fr}.feature-card{min-height:205px}.theme-toggle{border:0}.login-top{font-size:9px}.hero h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.footer-contact{display:flex;align-items:center;gap:10px}.footer-contact a{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--accent);background:var(--accent-soft);transition:transform .2s,border-color .2s,background .2s}.footer-contact a:hover{transform:translateY(-3px);border-color:var(--accent);background:var(--surface2)}.footer-contact svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.footer-contact a[aria-label="صفحة فيسبوك"] svg{fill:currentColor;stroke:none}.developer-credit{font:600 10px Manrope,sans-serif;color:var(--muted);direction:ltr;white-space:nowrap}.developer-credit strong{color:var(--accent);font-weight:800}@media(max-width:680px){.footer-contact{order:2}.developer-credit{order:4;width:100%;font-size:9px}.copyright{order:3}}