.landing{min-height:100vh;background:var(--bg);color:var(--text);display:flex;flex-direction:column;align-items:center;font-family:Noto Kufi Arabic,sans-serif;overflow-x:hidden;transition:background .35s ease,color .35s ease}.hero{display:flex;flex-direction:column;align-items:center;padding:70px 24px 48px;max-width:480px;width:100%;text-align:center}.hero__logo{margin-bottom:28px;animation:fadeInUp .6s ease both;filter:drop-shadow(0 0 18px rgba(0,107,99,.45))}.hero__headline{font-size:2rem;font-weight:600;line-height:1.35;letter-spacing:0;color:var(--text);margin:0 0 40px;animation:fadeInUp .6s .1s ease both;direction:rtl}.hero__headline--accent{color:var(--muted)}.phone-mockup{animation:fadeInUp .7s .2s ease both,phoneFloat 6s 1.2s ease-in-out infinite;width:100%;display:flex;justify-content:center;align-items:center;perspective:1100px}.phone-composite{position:relative;width:min(72vw,260px);aspect-ratio:951 / 2056;flex-shrink:0;filter:drop-shadow(0 0 18px rgba(0,80,59,.3)) drop-shadow(0 28px 60px rgba(0,0,0,.55));transform:rotateX(var(--phone-rx, 0deg)) rotateY(var(--phone-ry, 0deg));transform-style:preserve-3d;transition:transform .3s ease;will-change:transform}.phone-composite__screen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:10%}.phone-composite__stroke{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;z-index:2}@media(min-width:768px){.phone-composite{width:min(34vw,300px)}}.features{width:100%;padding:0 16px 48px;display:flex;justify-content:center;animation:fadeInUp .7s .3s ease both}.features__container{width:100%;max-width:920px;background:var(--panel-bg);border:1px solid var(--border-green);border-radius:26px;box-shadow:0 0 40px var(--glow),inset 0 0 30px #0000002e;padding:20px;transition:background .35s ease,border-color .35s ease}.features__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-card{position:relative;background:var(--feature-card-bg);border:1px solid var(--feature-card-border);border-radius:16px;padding:18px 16px;min-height:150px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--feature-card-shadow);direction:rtl;text-align:right;overflow:hidden;transform:perspective(700px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transform-style:preserve-3d;transition:transform .2s ease,border-color .25s ease,box-shadow .25s ease,background .35s ease;will-change:transform}.feature-card:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),var(--glow) 0%,transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.feature-card>*{position:relative;z-index:1}.feature-card:hover{border-color:var(--border-green);box-shadow:0 10px 32px var(--glow-strong);transform:perspective(700px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(-4px)}.feature-card:hover:before{opacity:1}.feature-card--rtl{direction:rtl;text-align:right}.feature-card__emoji{font-size:1.6rem;line-height:1;display:block;margin-bottom:6px;-webkit-user-select:none;user-select:none}.feature-card__title{font-size:.875rem;font-weight:600;color:var(--text);margin:0;line-height:1.3}.feature-card__desc{font-size:.72rem;color:var(--muted);margin:0;line-height:1.55}.download{padding:48px 24px 20px;display:flex;justify-content:center;animation:fadeInUp .7s .4s ease both}.download__inner{display:flex;align-items:center;gap:20px}.download__app-icon{flex-shrink:0}.appstore-btn{display:inline-flex;align-items:center;gap:10px;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:10px 22px;min-width:180px;height:54px;color:var(--text);text-decoration:none;white-space:nowrap;box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .15s ease}.appstore-btn:hover{background:var(--glass-bg-hover);border-color:var(--glass-border);box-shadow:var(--glass-shadow-hover),inset 0 1px 0 var(--glass-highlight);transform:translateY(-1px)}.appstore-btn:active{transform:translateY(1px) scale(.99);background:var(--glass-bg-active);box-shadow:var(--glass-shadow),inset 0 1px #ffffff0f}.appstore-btn__apple{width:22px;height:22px;flex-shrink:0;fill:var(--text)}.appstore-btn__text{display:flex;flex-direction:column;gap:1px}.appstore-btn__small{font-size:.6rem;color:var(--muted);letter-spacing:.02em}.appstore-btn__large{font-size:.85rem;font-weight:600;color:var(--text);letter-spacing:-.01em}.site-footer{width:100%;padding:28px 24px 44px;display:flex;justify-content:center;border-top:1px solid var(--border);animation:fadeInUp .7s .55s ease both}.footer__terms-btn{display:inline-flex;align-items:center;padding:10px 28px;font-size:.82rem;font-family:Noto Kufi Arabic,sans-serif;font-weight:500;color:var(--muted);text-decoration:none;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;direction:rtl;box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);transition:color .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .15s ease}.footer__terms-btn:hover{color:var(--accent-light);border-color:var(--border-green);background:var(--glass-bg-hover);box-shadow:var(--glass-shadow-hover),inset 0 1px 0 var(--glass-highlight),0 0 16px var(--glow);transform:translateY(-1px)}.footer__terms-btn:active{transform:translateY(1px) scale(.99);background:var(--glass-bg-active);box-shadow:var(--glass-shadow),inset 0 1px #ffffff0f}.connect{padding:32px 24px 60px;display:flex;flex-direction:column;align-items:center;gap:20px;animation:fadeInUp .7s .5s ease both}.connect__title{font-size:.95rem;font-weight:500;color:var(--muted);margin:0;letter-spacing:.03em}.connect__links{display:flex;flex-direction:column;gap:8px;align-items:center}.connect__btn{display:flex;align-items:center;gap:8px;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;padding:9px 18px;color:var(--muted);text-decoration:none;font-size:.75rem;min-width:210px;justify-content:center;box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);transition:background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .15s ease}.connect__btn--left{justify-content:flex-start}.connect__btn:hover{background:var(--glass-bg-hover);color:var(--text);box-shadow:var(--glass-shadow-hover),inset 0 1px 0 var(--glass-highlight);transform:translateY(-1px)}.connect__btn:active{transform:translateY(1px) scale(.99);background:var(--glass-bg-active);box-shadow:var(--glass-shadow),inset 0 1px #ffffff0f}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes phoneFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@media(prefers-reduced-motion:reduce){.phone-mockup{animation:fadeInUp .7s .2s ease both}.phone-composite,.feature-card{transition:border-color .25s ease,box-shadow .25s ease,background .35s ease}.appstore-btn,.connect__btn,.footer__terms-btn{transition:background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease}.appstore-btn:hover,.connect__btn:hover,.footer__terms-btn:hover,.appstore-btn:active,.connect__btn:active,.footer__terms-btn:active{transform:none}}@media(max-width:600px){.hero__headline{font-size:1.7rem}.features__container{padding:14px}.features__grid{grid-template-columns:1fr}.feature-card{min-height:auto}.download__inner{flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px}}@media(min-width:601px)and (max-width:1023px){.hero__headline{font-size:2.2rem}.features__grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.hero__headline{font-size:2.4rem}}.terms-page{min-height:100vh;background:var(--bg);color:var(--text);font-family:Noto Kufi Arabic,Inter,sans-serif;direction:rtl;padding:40px 16px 80px;transition:background .35s ease,color .35s ease}.terms-page__container{max-width:900px;margin:0 auto}.terms-page__back-wrap{margin-bottom:32px}.terms-page__back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;font-size:.85rem;font-family:Noto Kufi Arabic,sans-serif;padding:6px 12px;border:1px solid var(--border);border-radius:20px;background:var(--btn-bg);transition:color .2s,background .2s,border-color .2s;direction:rtl}.terms-page__back:hover{color:var(--text);background:var(--btn-bg-hover);border-color:var(--btn-border-hover)}.terms-page__back svg{transform:scaleX(-1)}.terms-page__content{direction:rtl;text-align:right;line-height:1.9}.terms-page__content .legal-section{margin-bottom:48px}.terms-page__content h1{font-size:1.4rem;font-weight:700;color:var(--text);margin:0 0 8px;line-height:1.4}.terms-page__content .legal-date{font-size:.8rem;color:var(--muted);margin:0 0 24px}.terms-page__content h2{font-size:1.15rem;font-weight:700;color:var(--text);margin:0 0 24px;padding-bottom:12px;border-bottom:1px solid var(--border-green)}.terms-page__content h3{font-size:.95rem;font-weight:600;color:var(--text);margin:28px 0 10px}.terms-page__content p{font-size:.875rem;color:var(--legal-text);margin:0 0 12px}.terms-page__content ul,.terms-page__content ol{margin:8px 0 16px;padding-right:20px;padding-left:0}.terms-page__content li{font-size:.875rem;color:var(--legal-text);margin-bottom:6px;line-height:1.7}.terms-page__content strong{color:var(--text);font-weight:600}.terms-page__content a{color:var(--legal-link);text-decoration:none}.terms-page__content a:hover{text-decoration:underline}.terms-page__content .legal-acknowledgment{background:var(--glow-strong);border:1px solid var(--border-green);border-radius:16px;padding:24px 28px;margin-top:48px}.terms-page__content .legal-acknowledgment h2{border-bottom:none;padding-bottom:0;margin-bottom:12px;color:var(--legal-accent)}@media(max-width:600px){.terms-page{padding:24px 14px 60px}.terms-page__content h1{font-size:1.15rem}.terms-page__content h2{font-size:1rem}.terms-page__content p,.terms-page__content li{font-size:.82rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}:root{--bg: #060708;--card: #0c100e;--accent: #00503B;--accent-light: #00704f;--text: #F5F5F5;--muted: #A1A1AA;--border: rgba(255, 255, 255, .08);--border-green: rgba(0, 80, 59, .35);--glow: rgba(0, 80, 59, .25);--glow-strong: rgba(0, 80, 59, .18);--panel-bg: rgba(10, 16, 14, .9);--feature-card-bg: #0c110e;--feature-card-border: rgba(255, 255, 255, .07);--feature-card-shadow: 0 2px 16px rgba(0, 0, 0, .3);--btn-bg: rgba(255, 255, 255, .04);--btn-bg-hover: rgba(255, 255, 255, .07);--btn-border-hover: rgba(255, 255, 255, .14);--appstore-bg: rgba(245, 245, 245, .1);--appstore-bg-hover: rgba(245, 245, 245, .15);--appstore-border: rgba(255, 255, 255, .18);--appstore-border-hover: rgba(255, 255, 255, .28);--glass-bg: rgba(255, 255, 255, .07);--glass-bg-hover: rgba(255, 255, 255, .13);--glass-bg-active: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .15);--glass-highlight: rgba(255, 255, 255, .14);--glass-shadow: 0 4px 20px rgba(0, 0, 0, .28), 0 1px 4px rgba(0, 0, 0, .18);--glass-shadow-hover: 0 8px 28px rgba(0, 0, 0, .38), 0 2px 6px rgba(0, 0, 0, .2);--legal-text: #C4C4CC;--legal-link: #6dcea0;--legal-accent: #6dcea0;--toggle-track: rgba(255, 255, 255, .06);--toggle-border: rgba(255, 255, 255, .12);--toggle-thumb: #eef1ef;color-scheme:dark}:root[data-theme=light]{--bg: #eef1ef;--card: #ffffff;--accent: #00503B;--accent-light: #00704f;--text: #0d1411;--muted: #566159;--border: rgba(0, 0, 0, .1);--border-green: rgba(0, 80, 59, .28);--glow: rgba(0, 80, 59, .14);--glow-strong: rgba(0, 80, 59, .1);--panel-bg: rgba(255, 255, 255, .96);--feature-card-bg: #ffffff;--feature-card-border: rgba(0, 0, 0, .08);--feature-card-shadow: 0 4px 18px rgba(0, 0, 0, .07);--btn-bg: rgba(0, 0, 0, .03);--btn-bg-hover: rgba(0, 0, 0, .06);--btn-border-hover: rgba(0, 0, 0, .16);--appstore-bg: rgba(13, 20, 17, .05);--appstore-bg-hover: rgba(13, 20, 17, .09);--appstore-border: rgba(0, 0, 0, .16);--appstore-border-hover: rgba(0, 0, 0, .28);--glass-bg: rgba(255, 255, 255, .52);--glass-bg-hover: rgba(255, 255, 255, .72);--glass-bg-active: rgba(255, 255, 255, .36);--glass-border: rgba(255, 255, 255, .8);--glass-highlight: rgba(255, 255, 255, .95);--glass-shadow: 0 2px 12px rgba(0, 0, 0, .07), 0 1px 3px rgba(0, 0, 0, .04);--glass-shadow-hover: 0 4px 20px rgba(0, 0, 0, .12), 0 1px 5px rgba(0, 0, 0, .06);--legal-text: #3b463f;--legal-link: #00704f;--legal-accent: #00704f;--toggle-track: rgba(0, 0, 0, .06);--toggle-border: rgba(0, 0, 0, .12);--toggle-thumb: #ffffff;color-scheme:light}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;line-height:1.5;overflow-x:hidden;transition:background .35s ease,color .35s ease}img,svg{display:block;max-width:100%}a{color:inherit}button{cursor:pointer;font-family:inherit}#root{min-height:100vh}.theme-toggle{position:fixed;top:18px;left:18px;z-index:100;display:block;padding:0;width:72px;height:36px;border-radius:999px;border:1px solid var(--toggle-border);background:var(--toggle-track);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .35s ease,border-color .35s ease,box-shadow .25s ease}.theme-toggle:hover{box-shadow:0 0 16px var(--glow);border-color:var(--border-green)}.theme-toggle:focus-visible{outline:2px solid var(--accent-light);outline-offset:3px}.theme-toggle__track{display:block;position:relative;width:100%;height:100%}.theme-toggle__icon{position:absolute;top:50%;translate:0 -50%;display:flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--muted);z-index:2;transition:color .3s ease}.theme-toggle__icon--sun{left:9px}.theme-toggle__icon--moon{right:9px}.theme-toggle[data-state=dark] .theme-toggle__icon--moon,.theme-toggle[data-state=light] .theme-toggle__icon--sun{color:var(--accent-light)}.theme-toggle__thumb{position:absolute;top:50%;left:39px;translate:0 -50%;width:28px;height:28px;border-radius:50%;background:var(--toggle-thumb);box-shadow:0 2px 8px #00000059,0 0 10px var(--glow);transition:transform .35s cubic-bezier(.4,.1,.2,1),background .35s ease}.theme-toggle[data-state=light] .theme-toggle__thumb{transform:translate(-36px)}@media(max-width:600px){.theme-toggle{top:14px;right:14px}}