@import"https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@300;400;500;700&display=swap";:root{--primary: #DC2626;--primary-dark: #B91C1C;--on-primary: #FFFFFF;--secondary: #F87171;--accent: #A16207;--gold-light: #E3B04B;--bg: #FEF2F2;--bg-alt: #FFFFFF;--fg: #450A0A;--fg-muted: #7c4a4a;--muted: #F0EDF1;--border: #FECACA;--dark: #450A0A;--dark-2: #7f1d1d;--ring: rgba(220, 38, 38, .28);--shadow: 0 10px 30px rgba(69, 10, 10, .1);--shadow-lg: 0 22px 50px rgba(69, 10, 10, .18);--radius: 16px;--font-heading: "Noto Naskh Arabic", serif;--font-body: "Noto Sans Arabic", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);line-height:1.75;font-size:16px;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-heading);line-height:1.35}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.container{width:min(1180px,92%);margin-inline:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;padding:11px 22px;font-weight:600;font-size:.95rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.btn:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 10px 24px #dc262659}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4)}.btn-ghost:hover{background:#ffffff1f;border-color:#fff}.btn-lg{padding:14px 28px;font-size:1.05rem}.btn-sm{padding:8px 16px;font-size:.88rem}.btn-block{width:100%}.eyebrow{display:inline-block;color:var(--primary);font-weight:700;font-size:.85rem;letter-spacing:.4px;margin-bottom:8px}.eyebrow-light{color:var(--gold-light)}.chip{font-size:.78rem;font-weight:700;padding:4px 12px;border-radius:999px;white-space:nowrap}.chip-available{background:#dcfce7;color:#166534}.chip-reserved{background:#fef3c7;color:#92400e}.chip-delivered{background:#eae7ec;color:#57534e}.skeleton{background:linear-gradient(100deg,#f3e7e7 40%,#fdf5f5,#f3e7e7 60%);background-size:200% 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--radius);min-height:130px;border:none!important}.toast-stack{position:fixed;bottom:20px;left:20px;z-index:200;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px 18px;font-size:.92rem;font-weight:500;box-shadow:var(--shadow-lg);animation:slideIn .3s ease both;max-width:340px}.toast-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.toast-success .toast-dot{background:#16a34a}.toast-error .toast-dot{background:var(--primary)}.navbar{position:sticky;top:0;z-index:100;background:#ffffffc7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1180px,92%);margin-inline:auto;padding:12px 0}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-heading);font-weight:700;font-size:1.25rem}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--dark-2));color:#fff;box-shadow:0 6px 16px #dc262659}.nav-links{display:flex;gap:26px;font-size:.95rem;font-weight:500}.nav-links a{opacity:.85;transition:color .2s ease,opacity .2s ease}.nav-links a:hover{color:var(--primary);opacity:1}.nav-burger{display:none;background:none;border:1.5px solid var(--border);border-radius:10px;padding:8px;color:var(--fg)}.nav-mobile{display:flex;flex-direction:column;gap:4px;padding:8px 4% 18px;border-top:1px solid var(--border);animation:fadeUp .25s ease both}.nav-mobile a{padding:10px 6px;border-radius:10px;font-weight:500}.nav-mobile a:hover{background:var(--bg);color:var(--primary)}.nav-mobile .btn{margin-top:8px}.hero{position:relative;min-height:88vh;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transform:scale(1.05)}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,#2d0606f0 15%,#5f0f0fd1 55%,#7f1d1d8c)}.hero-inner{position:relative;z-index:1;width:min(1180px,92%);margin-inline:auto;padding:90px 0;color:#fff}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:7px 16px;font-size:.88rem;margin-bottom:22px;animation:fadeUp .7s ease both}.hero-title{font-size:clamp(2.1rem,5.4vw,3.7rem);font-weight:700;max-width:16ch;margin-bottom:18px;animation:fadeUp .7s .1s ease both}.hero-accent{background:linear-gradient(120deg,var(--gold-light),#f3d184);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:clamp(1.02rem,2vw,1.2rem);color:#ffffffe6;max-width:58ch;margin-bottom:30px;animation:fadeUp .7s .2s ease both}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:34px;animation:fadeUp .7s .3s ease both}.hero-trust{display:flex;flex-wrap:wrap;gap:10px 24px;list-style:none;font-size:.92rem;color:#ffffffe0;animation:fadeUp .7s .4s ease both}.hero-trust li{display:inline-flex;align-items:center;gap:7px}.hero-trust svg{color:var(--gold-light)}section{padding:84px 0}.section-head{text-align:center;max-width:640px;margin:0 auto 44px}.section-title{font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:700;margin-bottom:10px}.section-sub{color:var(--fg-muted);font-size:1.02rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}.card{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;animation:fadeUp .6s ease both}.card-hover{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card-hover:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--secondary)}.card-icon{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:14px;background:#fee2e2;color:var(--primary);margin-bottom:16px}.card h3{font-size:1.15rem;margin-bottom:8px}.card p{color:var(--fg-muted);font-size:.95rem}.impact{background:var(--bg-alt);border-block:1px solid var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);padding:26px 22px;text-align:center;animation:fadeUp .6s ease both}.stat-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#fee2e2;color:var(--primary);margin-bottom:12px}.stat-value{font-family:var(--font-heading);font-size:clamp(1.9rem,3.6vw,2.6rem);font-weight:700;color:var(--primary)}.stat-label{color:var(--fg-muted);font-size:.92rem;font-weight:500}.impact-live{display:inline-flex;align-items:center;gap:8px;margin-top:26px;background:#fef3c7;color:#92400e;border-radius:999px;padding:8px 18px;font-size:.9rem;font-weight:600}.impact-live svg{color:var(--accent)}.impact-error{text-align:center;color:var(--fg-muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;counter-reset:step}.step{position:relative;padding-top:44px}.step-num{position:absolute;top:18px;left:22px;font-family:var(--font-heading);font-size:2.1rem;font-weight:700;color:#fecaca;line-height:1}.revenue{background:var(--bg-alt);border-block:1px solid var(--border)}.card-accent{border-top:3px solid var(--primary)}.roadmap-track{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative}.phase{position:relative;padding-top:40px}.phase-num{position:absolute;top:14px;right:20px;font-size:.8rem;font-weight:700;color:#fff;background:var(--primary);border-radius:999px;padding:3px 12px}.donate-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:44px;display:grid;grid-template-columns:1fr 1.15fr;gap:44px;animation:fadeUp .6s ease both}.donate-intro h2{margin-bottom:14px}.donate-intro p{color:var(--fg-muted);margin-bottom:20px}.donate-points{list-style:none;display:flex;flex-direction:column;gap:12px}.donate-points li{display:flex;align-items:center;gap:10px;font-weight:500}.donate-points svg{color:var(--primary);flex-shrink:0}.donate-form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.88rem;font-weight:600}.field input{padding:12px 14px;border:1.5px solid var(--border);border-radius:12px;font-family:inherit;font-size:.95rem;background:#fff;color:var(--fg);transition:border-color .2s ease,box-shadow .2s ease}.field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.field-row{display:grid;grid-template-columns:1fr 1.2fr;gap:14px}.spin{animation:spin .9s linear infinite}.live{background:var(--bg-alt);border-block:1px solid var(--border)}.filter-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:30px}.filter-tab{border:1.5px solid var(--border);background:#fff;color:var(--fg-muted);border-radius:999px;padding:8px 20px;font-weight:600;font-size:.9rem;transition:all .2s ease}.filter-tab:hover{border-color:var(--primary);color:var(--primary)}.filter-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.feed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.donation-card{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:14px;animation:fadeUp .6s ease both}.donation-top{display:flex;align-items:flex-start;gap:12px}.donation-top h3{font-size:1.05rem}.donation-top p{color:var(--fg-muted);font-size:.9rem}.donation-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#fee2e2;color:var(--primary);flex-shrink:0}.donation-top .chip{margin-inline-start:auto}.donation-meta{display:flex;flex-direction:column;gap:7px;font-size:.88rem;color:var(--fg-muted)}.donation-meta span{display:flex;align-items:center;gap:8px}.donation-meta svg{color:var(--primary);flex-shrink:0}.donation-actions{margin-top:auto;padding-top:6px}.reserved-note{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--fg-muted)}.reserved-note svg{color:#16a34a}.feed-empty{text-align:center;color:var(--fg-muted);padding:20px 0}.cta{padding:30px 0 96px;background:var(--bg-alt);border-bottom:1px solid var(--border)}.cta-card{background:linear-gradient(120deg,#5f1010 0%,var(--dark-2) 55%,#a02a1d 100%);border-radius:26px;padding:64px 40px;text-align:center;color:#fff;box-shadow:var(--shadow-lg);animation:fadeUp .6s ease both}.cta-card h2{font-size:clamp(1.7rem,4vw,2.6rem);margin-bottom:14px}.cta-card p{color:#ffffffe0;max-width:60ch;margin:0 auto 26px}.cta-perks{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:30px}.perk{display:inline-flex;align-items:center;gap:8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:8px 18px;font-weight:600;font-size:.92rem}.perk svg{color:var(--gold-light)}.cta-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px}.footer{background:#360707;color:#ffffffd1;padding:60px 0 26px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;margin-bottom:40px}.footer-brand strong{font-family:var(--font-heading);font-size:1.25rem;display:inline-flex;align-items:center;gap:10px;margin-bottom:12px;color:#fff}.footer-brand p{font-size:.92rem;color:#ffffff9e;max-width:34ch}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col h4{color:#fff;font-size:1rem;margin-bottom:6px}.footer-col a,.footer-col span{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:#ffffff9e;transition:color .2s ease}.footer-col a:hover{color:var(--gold-light)}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid rgba(255,255,255,.14);padding-top:22px;font-size:.85rem;color:#ffffff80}.footer-tagline{color:#fff6}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 1024px){.stats-grid,.steps{grid-template-columns:repeat(2,1fr)}.roadmap-track{grid-template-columns:1fr}.feed-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.nav-links,.nav-cta{display:none}.nav-burger{display:inline-flex}section{padding:64px 0}.donate-card{grid-template-columns:1fr;padding:30px 22px;gap:28px}.hero-inner{padding:70px 0}.footer-grid{grid-template-columns:1fr 1fr}.hero-trust{flex-direction:column;align-items:flex-start}}@media (max-width: 520px){.stats-grid{grid-template-columns:1fr 1fr}.steps,.feed-grid,.field-row{grid-template-columns:1fr}.cta-card{padding:46px 20px}.footer-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%}}