:root{font-family:Cairo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#20251d;background:#f6f6ee;font-synthesis:none;text-rendering:optimizeLegibility;--brand: #74730a;--brand-dark: #515108;--brand-soft: #eeeed5;--reports: #4a4a4a;--fazaa: #ffac1c;--blood-donation: #d32f2f;--ink: #20251d;--muted: #697064;--surface: #ffffff;--surface-soft: #f0f1e6;--line: rgba(50, 58, 43, .13);--shadow-sm: 0 8px 24px rgba(39, 43, 32, .07);--shadow-lg: 0 24px 70px rgba(39, 43, 32, .14);--radius: 20px;--bs-primary: var(--brand);--bs-primary-rgb: 116, 115, 10;--bs-link-color: var(--brand-dark);--bs-link-hover-color: var(--brand)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);background:radial-gradient(circle at 8% 4%,rgba(190,189,94,.16),transparent 28rem),#f6f6ee}button,input,select,textarea{font:inherit}img{max-width:100%}a{text-underline-offset:.2em}#root{min-height:100vh;display:flex;flex-direction:column}.main{width:min(100% - 2rem,1240px);flex:1;margin-inline:auto;padding:2rem 0 5rem}.skip-link{position:fixed;z-index:1100;inset-block-start:.5rem;inset-inline-start:.75rem;padding:.75rem 1rem;border-radius:.75rem;color:#fff;background:var(--brand-dark);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid rgba(116,115,10,.5);outline-offset:3px}.btn{border-radius:.8rem;font-weight:700}.btn-primary{--bs-btn-bg: var(--brand);--bs-btn-border-color: var(--brand);--bs-btn-hover-bg: var(--brand-dark);--bs-btn-hover-border-color: var(--brand-dark);--bs-btn-active-bg: var(--brand-dark);--bs-btn-active-border-color: var(--brand-dark)}.btn-outline-primary{--bs-btn-color: var(--brand-dark);--bs-btn-border-color: rgba(81, 81, 8, .45);--bs-btn-hover-bg: var(--brand-dark);--bs-btn-hover-border-color: var(--brand-dark)}.site-header{position:sticky;z-index:1000;inset-block-start:0;border-bottom:1px solid var(--line);background:#f6f6eee6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-header__inner{width:min(100% - 2rem,1240px);min-height:76px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.site-brand{display:inline-flex;align-items:center;gap:.75rem;color:var(--ink);text-decoration:none}.site-brand img{width:44px;height:44px;border-radius:13px;object-fit:contain}.site-brand span{display:grid;line-height:1.25}.site-brand strong{font-size:.95rem}.site-brand small{color:var(--muted);font-size:.72rem}.site-nav{display:flex;align-items:center;gap:.2rem}.site-nav__link{position:relative;padding:.65rem .75rem;border-radius:.7rem;color:#4f554a;text-decoration:none;font-size:.9rem;font-weight:700}.site-nav__link:hover,.site-nav__link.is-active{color:var(--brand-dark);background:var(--brand-soft)}.site-nav__action{margin-inline-start:.65rem}.site-nav__action .btn{display:inline-flex;align-items:center;gap:.5rem}.site-nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:.8rem;background:#fff;color:var(--ink)}.hero{min-height:min(720px,calc(100vh - 110px));display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:clamp(2rem,6vw,6rem);padding:clamp(2.5rem,7vw,6rem) clamp(0rem,2vw,1.5rem)}.hero__content{max-width:680px}.eyebrow{display:inline-flex;align-items:center;gap:.4rem;color:var(--brand-dark);font-size:.82rem;font-weight:800;letter-spacing:.03em}.eyebrow:before{content:"";width:1.8rem;height:2px;border-radius:2px;background:var(--brand)}.hero h1{max-width:650px;margin:1.15rem 0;font-size:clamp(2.35rem,5.5vw,5.3rem);font-weight:800;line-height:1.12;letter-spacing:-.04em}.hero__content>p{max-width:590px;color:var(--muted);font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.95}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.7rem}.store-links{display:flex;gap:.65rem;margin-top:2rem}.store-links a{display:inline-flex;border-radius:.55rem;transition:transform .16s ease}.store-links a:hover{transform:translateY(-2px)}.store-links img{width:auto;height:40px}.hero__visual{position:relative;display:grid;place-items:center;min-height:440px;isolation:isolate}.hero__visual>img{position:relative;z-index:1;width:min(82vw,420px);height:auto;filter:drop-shadow(0 28px 35px rgba(49,52,34,.18))}.hero__halo{position:absolute;width:min(85vw,430px);aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,#dfdfac,#a5a42b);box-shadow:var(--shadow-lg)}.hero__halo:after{content:"";position:absolute;inset:9%;border:1px solid rgba(255,255,255,.45);border-radius:inherit}.hero__trust-card{position:absolute;z-index:2;inset-block-end:2rem;inset-inline-start:0;display:flex;align-items:center;gap:.8rem;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.8);border-radius:1rem;background:#ffffffe0;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero__trust-card i{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:.8rem;color:#fff;background:var(--brand);font-size:1.25rem}.hero__trust-card span{display:grid}.hero__trust-card strong{font-size:.85rem}.hero__trust-card small{color:var(--muted);font-size:.7rem}.services-section{padding:clamp(4rem,9vw,7rem) 0}.section-heading,.page-heading{max-width:700px;margin:0 auto 2.5rem;text-align:center}.section-heading h2,.page-heading h1{margin:.8rem 0;font-size:clamp(1.8rem,4vw,3rem);font-weight:800;letter-spacing:-.02em}.section-heading p{color:var(--muted);line-height:1.8}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.service-card{position:relative;overflow:hidden;min-height:260px;padding:clamp(1.4rem,3vw,2.1rem);border:1px solid var(--line);border-top:4px solid var(--service-color, var(--brand));border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.service-card:hover{transform:translateY(-5px);border-color:var(--service-color, var(--brand));box-shadow:var(--shadow-lg)}.service-card__icon{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:1rem;color:#fff;background:var(--service-color, var(--brand));font-size:1.45rem}.service-card__number{position:absolute;inset-block-start:1.3rem;inset-inline-end:1.5rem;color:color-mix(in srgb,var(--service-color, var(--brand)) 18%,transparent);font-size:2.6rem;font-weight:800}.service-card h3{margin:2.2rem 0 .75rem;color:var(--service-color, var(--brand));font-size:1.25rem;font-weight:800}.service-card p{color:var(--muted);line-height:1.85}.page-section{padding:2rem 0}.surface-card,.card{border-color:var(--line)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-sm)!important}.profile-summary{max-width:760px;margin-inline:auto;padding:clamp(1.2rem,4vw,2rem);background:var(--surface)}.profile-summary>div{display:grid;grid-template-columns:minmax(7rem,.4fr) 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.profile-summary>div:last-child{border-bottom:0}.profile-summary dt{color:var(--muted)}.profile-summary dd{margin:0;font-weight:700}.form-control,.form-select{min-height:46px;border-color:#d8dbd2;border-radius:.75rem}.form-control:focus,.form-select:focus{border-color:var(--brand);box-shadow:0 0 0 .22rem #74730a26}.form-label{color:#444a3f;font-weight:700}.list-group-item{border-color:var(--line)}.app-state,.empty-page{display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:260px;color:var(--muted);text-align:center}.empty-page{flex-direction:column;max-width:620px;margin:3rem auto;padding:3rem 1rem}.empty-page__code{color:#74730a2b;font-size:clamp(5rem,18vw,10rem);font-weight:800;line-height:.9}.empty-page__icon{color:var(--brand);font-size:3rem}.empty-page h1{font-weight:800}.empty-page p{color:var(--muted)}.section-title{position:relative;text-align:center}.section-title h4{margin-bottom:1.5rem;font-size:1.4rem;font-weight:800}.section-title h4:after{content:"";display:block;width:3rem;height:3px;margin:.8rem auto 0;border-radius:3px;background:var(--brand)}.logo-img{width:clamp(120px,24vw,250px);height:auto;object-fit:contain}.max-sm{max-width:576px;margin-inline:auto}.ltr{direction:ltr;text-align:left}.rtl{direction:rtl;text-align:right}.otp-wrapper{overflow-x:auto;padding:.3rem}.otp-input{width:clamp(38px,12vw,48px);height:52px;border:1px solid #ced4da;border-radius:.75rem;background:#fff;font-size:1.15rem;text-align:center}.otp-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #74730a29;outline:0}.otp-error{border-color:#dc3545}.shake{animation:shake .35s ease}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.site-footer{border-top:1px solid var(--line);background:#edefe3}.site-footer__inner{width:min(100% - 2rem,1240px);min-height:150px;margin-inline:auto;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:2rem}.site-footer__brand{display:flex;align-items:center;gap:.8rem}.site-footer__brand img{border-radius:.75rem}.site-footer__brand p,.site-footer__copyright{margin:.25rem 0 0;color:var(--muted);font-size:.8rem}.site-footer nav{display:flex;gap:1.2rem}.site-footer nav a{color:#51574d;text-decoration:none;font-size:.85rem;font-weight:700}@media(max-width:991px){.site-nav-toggle{display:grid;place-items:center}.site-nav{position:absolute;inset-block-start:calc(100% + 1px);inset-inline:1rem;display:none;align-items:stretch;padding:.75rem;border:1px solid var(--line);border-radius:1rem;background:#fffffffa;box-shadow:var(--shadow-lg)}.site-nav.is-open{display:grid}.site-nav__action{margin:.5rem 0 0;padding-top:.75rem;border-top:1px solid var(--line)}.site-nav__action .btn{width:100%;justify-content:center}.hero{min-height:auto;grid-template-columns:1fr;text-align:center}.hero__content{margin-inline:auto}.hero__content>p{margin-inline:auto}.hero__actions,.store-links{justify-content:center}.hero__visual{min-height:360px}.hero__trust-card{inset-inline-start:5%}.service-grid{grid-template-columns:1fr}.service-card{min-height:220px}.site-footer__inner{grid-template-columns:1fr;padding:2rem 0;text-align:center}.site-footer__brand,.site-footer nav{justify-content:center}}@media(max-width:575px){.main{width:min(100% - 1.25rem,1240px);padding-top:1rem}.site-header__inner{width:min(100% - 1.25rem,1240px);min-height:68px}.site-brand small{display:none}.hero{padding-top:2.2rem;gap:1rem}.hero h1{font-size:clamp(2.1rem,12vw,3.25rem)}.hero__visual{min-height:310px}.hero__halo{width:280px}.hero__visual>img{width:270px}.hero__trust-card{inset-block-end:0;inset-inline:0 auto}.profile-summary>div{grid-template-columns:1fr;gap:.35rem}.site-footer nav{flex-direction:column;gap:.6rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}