@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800;900&display=swap";:root{--primary-color:maroon;--primary-dark:#600000;--secondary-color:#fff;--text-dark:#1e1e1e;--text-gray:#5c5c5c;--background-light:#fff5f5;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem;--radius-sm:10px;--radius-md:20px;--radius-lg:30px;--radius-full:50px;--shadow-sm:0 2px 10px #0000000d;--shadow-md:0 5px 20px #0000001a;--shadow-lg:0 10px 40px #00000026;--shadow-xl:0 20px 60px #0003;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}body{color:var(--text-dark);background:var(--secondary-color);text-align:right;direction:rtl;font-family:Cairo,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Cairo,sans-serif;font-weight:700;line-height:1.2}h1{font-size:3.5rem}h2{font-size:2.75rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{font-size:1rem;line-height:1.8}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:Cairo,sans-serif}img{max-width:100%;height:auto;display:block}::selection{background:var(--primary-color);color:#fff}::selection{background:var(--primary-color);color:#fff}@media (max-width:968px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.25rem}h5{font-size:1.1rem}}@media (max-width:640px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.1rem}p{font-size:.95rem}}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:100px 2rem}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-in{animation:.6s ease-out fadeIn}.fade-in-up{animation:.6s ease-out fadeInUp}.fade-in-down{animation:.6s ease-out fadeInDown}.fade-in-left{animation:.6s ease-out fadeInLeft}.fade-in-right{animation:.6s ease-out fadeInRight}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#fffffffa;padding:1rem 0;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 20px #8000001a}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.navbar-logo{cursor:pointer;align-items:center;gap:.75rem;display:flex}.logo-icon{background-color:maroon;border-radius:8px;justify-content:center;align-items:center;padding:4px;display:flex}.navbar-menu{align-items:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.navbar-menu li a{color:#1e1e1e;cursor:pointer;font-family:Cairo,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:color .3s}.navbar-menu li a:hover{color:maroon}.btn-download-nav{background:maroon;border-radius:50px;padding:.75rem 1.5rem;transition:all .3s;color:#fff!important}.btn-download-nav:hover{background:#600000;transform:translateY(-2px);box-shadow:0 4px 15px #8000004d}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:5px;display:none}.menu-toggle span{background:maroon;border-radius:3px;width:25px;height:3px;transition:all .3s}@media (max-width:768px){.menu-toggle{display:flex}.navbar-menu{opacity:0;background:#fff;flex-direction:column;gap:1.5rem;padding:2rem;transition:all .3s;position:fixed;top:80px;left:0;right:0;transform:translateY(-150%);box-shadow:0 10px 30px #0000001a}.navbar-menu.active{opacity:1;transform:translateY(0)}.menu-toggle.active span:first-child{transform:rotate(45deg)translate(8px,8px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}}.hero{background:linear-gradient(135deg,#fff 0%,#fff5f5 100%);align-items:center;min-height:100vh;padding:120px 2rem 100px;display:flex;position:relative;overflow:hidden}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid}.hero-content{animation:.8s ease-out fadeInUp}.hero-badge{color:maroon;background:#8000001a;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:600;display:inline-flex}.pulse-dot{background:maroon;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.hero-title{color:#1e1e1e;margin-bottom:1.5rem;font-family:Cairo,sans-serif;font-size:3.5rem;font-weight:800;line-height:1.2}.hero-description{color:#5c5c5c;margin-bottom:2rem;font-family:Cairo,sans-serif;font-size:1.25rem;line-height:1.8}.hero-stats-mini{background:#fff;border-radius:15px;gap:2rem;margin-bottom:2.5rem;padding:1.5rem;display:flex;box-shadow:0 5px 20px #0000000d}.stat-item{flex-direction:column;gap:.25rem;display:flex}.stat-number{color:maroon;font-family:Cairo,sans-serif;font-size:1.75rem;font-weight:700}.hero-cta{gap:1rem;margin-bottom:2rem;display:flex}.btn-primary{color:#fff;background:maroon;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2rem;font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 10px 30px #8000004d}.btn-primary:hover{background:#600000;transform:translateY(-3px);box-shadow:0 15px 40px #80000066}.btn-secondary{color:maroon;background:#fff;border:2px solid maroon;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2rem;font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{color:#fff;background:maroon;transform:translateY(-3px)}.btn-secondary:hover svg path{fill:#fff}.hero-trust{margin-top:2rem}.trust-badges{gap:2rem;display:flex}.badge-item{color:#5c5c5c;align-items:center;gap:.5rem;font-family:Cairo,sans-serif;font-size:.9rem;display:flex}.hero-image{height:600px;animation:1s ease-out fadeInRight;position:relative}.hero-card{background:#fff;border-radius:20px;align-items:center;gap:1rem;max-width:280px;padding:1.5rem;animation:3s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 10px 40px #0000001a}.hero-card.card-1{animation-delay:0s;top:10%;right:20%}.hero-card.card-2{animation-delay:1s;top:45%;right:0}.hero-card.card-3{animation-delay:2s;bottom:15%;right:25%}.card-icon{background:#8000001a;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:2rem;display:flex}.card-content h4{color:#1e1e1e;margin-bottom:.25rem;font-family:Cairo,sans-serif;font-size:1rem;font-weight:700}.card-content p{color:#5c5c5c;margin-bottom:.5rem;font-family:Cairo,sans-serif;font-size:.875rem}.card-status{color:maroon;background:#8000001a;border-radius:20px;padding:.25rem .75rem;font-family:Cairo,sans-serif;font-size:.75rem;font-weight:600;display:inline-block}.card-status.success{color:#10b981;background:#10b9811a}.hero-illustration{z-index:-1;opacity:.15;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blood-drop{animation:4s ease-in-out infinite dropBounce}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes dropBounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}.hero-wave{width:100%;height:120px;line-height:0;position:absolute;bottom:0;left:0;overflow:hidden}.hero-wave svg{width:100%;height:100%}@media (max-width:968px){.hero-container{grid-template-columns:1fr;gap:3rem}.hero-title{font-size:2.5rem}.hero-image{height:400px}.hero-stats-mini{flex-direction:column;gap:1rem}.hero-cta{flex-direction:column}.trust-badges{flex-direction:column;gap:1rem}}@media (max-width:640px){.hero{padding:100px 1rem 80px}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.hero-card{max-width:220px;padding:1rem}}.features{background:#fff;padding:100px 2rem}.features-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-badge{color:maroon;background:#8000001a;border-radius:50px;margin-bottom:1rem;padding:.5rem 1.5rem;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:600;display:inline-block}.section-title{color:#1e1e1e;margin-bottom:1rem;font-family:Cairo,sans-serif;font-size:2.75rem;font-weight:800}.section-description{color:#5c5c5c;max-width:600px;margin:0 auto;font-family:Cairo,sans-serif;font-size:1.25rem;line-height:1.6}.features-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.feature-card{background:#fff;border:1px solid #8000001a;border-radius:20px;padding:2rem;transition:all .3s;animation:.6s ease-out both fadeInUp;box-shadow:0 5px 25px #00000014}.feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #80000026}.feature-icon{border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;transition:transform .3s;display:flex}.feature-card:hover .feature-icon{transform:scale(1.1)rotate(5deg)}.feature-title{color:#1e1e1e;margin-bottom:1rem;font-family:Cairo,sans-serif;font-size:1.5rem;font-weight:700}.feature-description{color:#5c5c5c;font-family:Cairo,sans-serif;font-size:1rem;line-height:1.7}.features-cta{margin-top:4rem}.cta-card{background:linear-gradient(135deg,maroon 0%,#600000 100%);border-radius:25px;justify-content:space-between;align-items:center;gap:2rem;padding:3rem;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #8000004d}.cta-card:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;animation:20s linear infinite rotate;position:absolute;top:-50%;right:-50%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cta-content{z-index:1;position:relative}.cta-content h3{color:#fff;margin-bottom:.5rem;font-family:Cairo,sans-serif;font-size:2rem;font-weight:700}.cta-content p{color:#ffffffe6;font-family:Cairo,sans-serif;font-size:1.1rem}.cta-button{color:maroon;z-index:1;background:#fff;border-radius:50px;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ffffff4d}@media (max-width:968px){.features-grid{grid-template-columns:1fr}.section-title{font-size:2rem}.cta-card{text-align:center;flex-direction:column;padding:2rem}.cta-content h3{font-size:1.5rem}}@media (max-width:640px){.features{padding:60px 1rem}.section-title{font-size:1.75rem}.section-description{font-size:1rem}.feature-card{padding:1.5rem}}.how-it-works{background:linear-gradient(135deg,#fff5f5 0%,#fff 100%);padding:100px 2rem;position:relative;overflow:hidden}.how-it-works:before{content:"";pointer-events:none;background:radial-gradient(circle at top,#8000000d,#0000);height:300px;position:absolute;top:0;left:0;right:0}.how-it-works-container{z-index:1;max-width:1200px;margin:0 auto;position:relative}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;margin:4rem 0;display:grid;position:relative}.step-card{background:#fff;border-radius:25px;padding:2.5rem;transition:all .3s;animation:.6s ease-out both fadeInScale;position:relative;box-shadow:0 10px 40px #00000014}.step-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #80000026}.step-number{color:#fff;border-radius:50px;padding:.75rem 1.5rem;font-family:Cairo,sans-serif;font-size:1.5rem;font-weight:800;position:absolute;top:-20px;right:30px;box-shadow:0 5px 20px #0003}.step-icon{border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;font-size:2.5rem;transition:transform .3s;display:flex}.step-card:hover .step-icon{transform:scale(1.15)rotate(-5deg)}.step-title{color:#1e1e1e;margin-bottom:1rem;font-family:Cairo,sans-serif;font-size:1.75rem;font-weight:700}.step-description{color:#5c5c5c;font-family:Cairo,sans-serif;font-size:1.1rem;line-height:1.8}.step-connector{z-index:-1;width:100%;display:none;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.process-roles{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin:5rem 0;display:grid}.role-card{background:#fff;border-radius:25px;padding:2.5rem;transition:all .3s;box-shadow:0 10px 40px #00000014}.role-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #0000001f}.role-card.donor{border-top:4px solid #10b981}.role-card.recipient{border-top:4px solid maroon}.role-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.role-icon{background:#8000001a;border-radius:15px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex}.role-card.donor .role-icon{background:#10b9811a}.role-header h3{color:#1e1e1e;font-family:Cairo,sans-serif;font-size:1.75rem;font-weight:700}.role-features{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.role-features li{color:#5c5c5c;background:#80000008;border-radius:10px;align-items:center;gap:1rem;padding:.75rem;font-family:Cairo,sans-serif;font-size:1.05rem;transition:all .3s;display:flex}.role-features li:hover{background:#80000014;transform:translate(-5px)}.demo-cta{text-align:center;background:linear-gradient(135deg,maroon 0%,#600000 100%);border-radius:30px;margin-top:4rem;padding:4rem 2rem;position:relative;overflow:hidden}.demo-cta:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;animation:20s linear infinite rotate;position:absolute;top:-50%;right:-50%}.demo-cta h3{color:#fff;z-index:1;margin-bottom:1rem;font-family:Cairo,sans-serif;font-size:2.25rem;font-weight:800;position:relative}.demo-cta p{color:#ffffffe6;z-index:1;margin-bottom:2rem;font-family:Cairo,sans-serif;font-size:1.25rem;position:relative}.btn-watch-demo{color:maroon;cursor:pointer;z-index:1;background:#fff;border:none;border-radius:50px;align-items:center;gap:1rem;padding:1.25rem 2.5rem;font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:700;transition:all .3s;display:inline-flex;position:relative}.btn-watch-demo:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ffffff4d}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:968px){.steps-grid{grid-template-columns:1fr;gap:2rem}.process-roles{grid-template-columns:1fr}.demo-cta{padding:3rem 1.5rem}.demo-cta h3{font-size:1.75rem}}@media (max-width:640px){.how-it-works{padding:60px 1rem}.step-card{padding:2rem}.step-title{font-size:1.5rem}.role-card{padding:2rem}}.impact{background:#fff;padding:100px 2rem;position:relative;overflow:hidden}.impact-container{max-width:1200px;margin:0 auto}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:4rem 0;display:grid}.stat-card{text-align:center;background:#fff;border-radius:25px;padding:2.5rem;transition:all .3s;animation:.6s ease-out both fadeInUp;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000014}.stat-card:before{content:"";background:linear-gradient(90deg,maroon,#f59e0b,#10b981,#3b82f6);height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.stat-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #80000026}.stat-card:hover:before{transform:scaleX(1)}.stat-icon{border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-size:2.5rem;transition:transform .3s;display:flex}.stat-card:hover .stat-icon{transform:scale(1.1)rotate(-5deg)}.stat-value{margin-bottom:.75rem;font-family:Cairo,sans-serif;font-size:3.5rem;font-weight:800;line-height:1}.stat-suffix{margin-left:.25rem;font-size:2rem}.stat-label{color:#1e1e1e;margin-bottom:.5rem;font-family:Cairo,sans-serif;font-size:1.25rem;font-weight:700}.stat-description{color:#5c5c5c;font-family:Cairo,sans-serif;font-size:.95rem}.achievements-section{background:linear-gradient(135deg,#fff5f5 0%,#fff 100%);border-radius:30px;margin:6rem 0;padding:3rem}.achievements-title{text-align:center;color:#1e1e1e;margin-bottom:3rem;font-family:Cairo,sans-serif;font-size:2.5rem;font-weight:800}.timeline{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid;position:relative}.timeline-item{background:#fff;border-radius:20px;padding:2rem;transition:all .3s;animation:.6s ease-out both fadeInScale;box-shadow:0 5px 20px #00000014}.timeline-item:hover{transform:translateY(-5px);box-shadow:0 15px 40px #8000001f}.timeline-icon{margin-bottom:1rem;font-size:3rem}.timeline-year{color:#fff;background:maroon;border-radius:20px;margin-bottom:1rem;padding:.5rem 1rem;font-family:Cairo,sans-serif;font-size:.875rem;font-weight:700;display:inline-block}.timeline-title{color:#1e1e1e;margin-bottom:.75rem;font-family:Cairo,sans-serif;font-size:1.5rem;font-weight:700}.timeline-description{color:#5c5c5c;font-family:Cairo,sans-serif;font-size:1rem;line-height:1.6}.impact-quote{background:linear-gradient(135deg,maroon 0%,#600000 100%);border-radius:30px;margin:5rem 0;padding:4rem;position:relative;overflow:hidden}.impact-quote:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;animation:20s linear infinite rotate;position:absolute;top:-50%;right:-50%}blockquote{z-index:1;margin:0;position:relative}blockquote p{color:#fff;margin-bottom:2rem;font-family:Cairo,sans-serif;font-size:1.75rem;font-weight:600;line-height:1.8}blockquote footer{flex-direction:column;gap:.5rem;display:flex}blockquote footer strong{color:#fff;font-family:Cairo,sans-serif;font-size:1.25rem}blockquote footer span{color:#fffc;font-family:Cairo,sans-serif;font-size:1rem}.blood-types-info{margin:5rem 0}.blood-types-title{text-align:center;color:#1e1e1e;margin-bottom:3rem;font-family:Cairo,sans-serif;font-size:2.5rem;font-weight:800}.compatibility-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.blood-type-card{text-align:center;background:#fff;border-top:4px solid;border-radius:25px;padding:2.5rem;transition:all .3s;box-shadow:0 10px 40px #00000014}.blood-type-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #80000026}.blood-type-card.universal-donor{border-color:maroon}.blood-type-card.universal-recipient{border-color:#10b981}.blood-type-card.rare-types{border-color:#f59e0b}.blood-type-icon{border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;font-family:Cairo,sans-serif;font-size:2rem;font-weight:800;display:flex}.universal-donor .blood-type-icon{color:maroon;background:#8000001a}.universal-recipient .blood-type-icon{color:#10b981;background:#10b9811a}.rare-types .blood-type-icon{color:#f59e0b;background:#f59e0b1a}.blood-type-card h4{color:#1e1e1e;margin-bottom:.75rem;font-family:Cairo,sans-serif;font-size:1.5rem;font-weight:700}.blood-type-card p{color:#5c5c5c;font-family:Cairo,sans-serif;font-size:1rem}@media (max-width:968px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-value{font-size:2.5rem}.timeline{grid-template-columns:1fr}.impact-quote{padding:2.5rem}blockquote p{font-size:1.25rem}.achievements-title,.blood-types-title{font-size:2rem}}@media (max-width:640px){.impact{padding:60px 1rem}.stat-card{padding:2rem}.stat-value{font-size:2rem}.impact-quote{padding:2rem}.quote-icon{font-size:3rem;top:10px;right:20px}}.testimonials{background:linear-gradient(135deg,#fff5f5 0%,#fff 100%);padding:100px 2rem;position:relative;overflow:hidden}.testimonials-container{max-width:1200px;margin:0 auto}.testimonials-slider{margin:4rem 0}.testimonial-main{justify-content:center;margin-bottom:2rem;display:flex}.testimonial-card-large{background:#fff;border-radius:30px;width:100%;max-width:800px;padding:3rem;animation:.5s ease-out fadeInScale;position:relative;box-shadow:0 20px 60px #8000001a}.quote-icon{color:#8000001a;font-family:Georgia,serif;font-size:4rem;position:absolute;top:20px;right:30px}.testimonial-header{z-index:1;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex;position:relative}.user-avatar{background:linear-gradient(135deg,maroon,#600000);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:3rem;display:flex;box-shadow:0 5px 20px #8000004d}.user-info{flex:1}.user-name{color:#1e1e1e;margin-bottom:.25rem;font-family:Cairo,sans-serif;font-size:1.75rem;font-weight:700}.user-role{color:#5c5c5c;margin-bottom:.75rem;font-family:Cairo,sans-serif;font-size:1rem}.user-meta{flex-wrap:wrap;gap:1.5rem;display:flex}.user-location,.user-blood-type{color:maroon;background:#8000001a;border-radius:20px;align-items:center;gap:.5rem;padding:.4rem .9rem;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:600;display:inline-flex}.testimonial-text{color:#1e1e1e;margin-bottom:1.5rem;font-family:Cairo,sans-serif;font-size:1.35rem;font-weight:500;line-height:1.9}.testimonial-rating{gap:.5rem;font-size:1.5rem;display:flex}.slider-controls{justify-content:center;align-items:center;gap:2rem;margin-top:2rem;display:flex}.slider-btn{color:maroon;cursor:pointer;background:#fff;border:2px solid maroon;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex}.slider-btn:hover{color:#fff;background:maroon;transform:scale(1.1)}.slider-dots{gap:.75rem;display:flex}.dot{cursor:pointer;background:#80000033;border:none;border-radius:50%;width:12px;height:12px;padding:0;transition:all .3s}.dot.active{background:maroon;border-radius:20px;width:35px}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:4rem 0;display:grid}.testimonial-card-small{background:#fff;border-radius:20px;padding:2rem;transition:all .3s;animation:.6s ease-out both fadeInUp;box-shadow:0 10px 30px #00000014}.testimonial-card-small:hover{transform:translateY(-10px);box-shadow:0 20px 50px #80000026}.card-header{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.user-avatar-small{background:linear-gradient(135deg,maroon,#600000);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.75rem;display:flex}.user-name-small{color:#1e1e1e;margin-bottom:.25rem;font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:700}.user-role-small{color:#5c5c5c;font-family:Cairo,sans-serif;font-size:.875rem}.testimonial-text-small{color:#5c5c5c;margin-bottom:1rem;font-family:Cairo,sans-serif;font-size:1rem;line-height:1.7}.testimonial-rating-small{gap:.25rem;font-size:1rem;display:flex}.trust-indicators{background:#fff;border-radius:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:5rem;padding:3rem;display:grid;box-shadow:0 10px 40px #00000014}.trust-item{align-items:center;gap:1.5rem;display:flex}.trust-icon{background:#8000001a;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.75rem;display:flex}.trust-content h4{color:#1e1e1e;margin-bottom:.25rem;font-family:Cairo,sans-serif;font-size:1.25rem;font-weight:700}.trust-content p{color:#5c5c5c;font-family:Cairo,sans-serif;font-size:.95rem}@media (max-width:968px){.testimonial-card-large{padding:2rem}.testimonial-header{text-align:center;flex-direction:column}.user-meta{justify-content:center}.testimonial-text{font-size:1.1rem}.testimonials-grid{grid-template-columns:1fr}.trust-indicators{grid-template-columns:1fr;padding:2rem}}@media (max-width:640px){.testimonials{padding:60px 1rem}.testimonial-card-large{padding:1.5rem}.user-avatar{width:60px;height:60px;font-size:2rem}.user-name{font-size:1.25rem}.testimonial-text{font-size:1rem}.slider-controls{gap:1rem}.slider-btn{width:40px;height:40px}}.download{background:linear-gradient(135deg,maroon 0%,#600000 100%);padding:100px 2rem;position:relative;overflow:hidden}.download:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;animation:30s linear infinite rotate;position:absolute;top:-50%;right:-50%}.download-container{z-index:1;max-width:1200px;margin:0 auto;position:relative}.download-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;margin-bottom:4rem;display:grid}.download-text{animation:.8s ease-out fadeInLeft}.download-badge{color:#fff;background:#fff3;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:600;display:inline-flex}.download-title{color:#fff;margin-bottom:1.5rem;font-family:Cairo,sans-serif;font-size:3.5rem;font-weight:800;line-height:1.2}.highlight{color:#fbbf24;display:block}.download-description{color:#ffffffe6;margin-bottom:2rem;font-family:Cairo,sans-serif;font-size:1.25rem;line-height:1.8}.download-features{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2.5rem;display:grid}.feature-item{color:#fff;align-items:center;gap:.75rem;font-family:Cairo,sans-serif;font-size:.95rem;display:flex}.download-buttons{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.store-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:2px solid #fff3;border-radius:15px;flex:1;align-items:center;gap:1rem;min-width:200px;padding:1rem 1.75rem;text-decoration:none;transition:all .3s;display:flex}.store-button:hover{background:#00000080;border-color:#fff6;transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.button-icon{justify-content:center;align-items:center;display:flex}.button-text{flex-direction:column;gap:.25rem;display:flex}.button-label{color:#fffc;font-family:Cairo,sans-serif;font-size:.8rem}.button-store{color:#fff;font-family:Cairo,sans-serif;font-size:1.25rem;font-weight:700}.download-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;gap:3rem;padding:1.5rem;display:flex}.stat{flex-direction:column;gap:.25rem;display:flex}.stat-value{color:#fff;font-family:Cairo,sans-serif;font-size:2rem;font-weight:800}.stat-label{color:#fffc;font-family:Cairo,sans-serif;font-size:.9rem}.download-visual{height:600px;animation:.8s ease-out fadeInRight;position:relative}.phone-mockup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phone-frame{background:linear-gradient(145deg,#2c2c2c,#1a1a1a);border-radius:40px;width:300px;height:600px;padding:15px;position:relative;box-shadow:0 30px 80px #00000080}.phone-notch{z-index:2;background:#1a1a1a;border-radius:0 0 15px 15px;width:120px;height:25px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.phone-screen{background:#f5f5f5;border-radius:30px;width:100%;height:100%;overflow:hidden}.app-preview{width:100%;height:100%;padding:40px 15px 15px;overflow-y:auto}.preview-header{text-align:center;margin-bottom:2rem}.header-icon{margin:0 auto .75rem}.preview-header h3{color:maroon;font-family:Cairo,sans-serif;font-size:1.5rem;font-weight:700}.request-card{background:#fff;border-radius:15px;margin-bottom:1rem;padding:1.25rem;position:relative;box-shadow:0 5px 15px #0000001a}.card-badge{color:#fff;background:#ef4444;border-radius:20px;padding:.25rem .75rem;font-family:Cairo,sans-serif;font-size:.7rem;font-weight:700;position:absolute;top:10px;left:10px}.request-card h4{color:#1e1e1e;margin-bottom:.5rem;font-family:Cairo,sans-serif;font-size:1rem;font-weight:700}.request-card p{color:#5c5c5c;margin-bottom:.75rem;font-family:Cairo,sans-serif;font-size:.875rem}.card-location,.card-distance{color:maroon;margin-bottom:.5rem;font-family:Cairo,sans-serif;font-size:.75rem}.respond-btn{color:#fff;cursor:pointer;background:maroon;border:none;border-radius:10px;width:100%;padding:.75rem;font-family:Cairo,sans-serif;font-size:.875rem;font-weight:700}.donors-list{flex-direction:column;gap:.75rem;display:flex}.donor-item{background:#fff;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem;display:flex;box-shadow:0 2px 8px #0000001a}.donor-avatar{background:linear-gradient(135deg,maroon,#600000);border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.25rem;display:flex}.donor-info{flex-direction:column;gap:.25rem;display:flex}.donor-info strong{color:#1e1e1e;font-family:Cairo,sans-serif;font-size:.875rem}.donor-info span{color:#5c5c5c;font-family:Cairo,sans-serif;font-size:.75rem}.floating-elements{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.float-card{background:#fff;border-radius:15px;align-items:center;gap:.75rem;padding:.75rem 1.25rem;animation:3s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 10px 30px #0003}.float-card span{font-size:1.5rem}.float-card p{color:#1e1e1e;margin:0;font-family:Cairo,sans-serif;font-size:.875rem;font-weight:600}.float-card.card-1{animation-delay:0s;top:10%;right:-10%}.float-card.card-2{animation-delay:1s;top:50%;left:-15%}.float-card.card-3{animation-delay:2s;bottom:20%;right:-5%}.qr-section{justify-content:center;margin-top:4rem;display:flex}.qr-card{text-align:center;background:#fff;border-radius:25px;padding:2rem;animation:1s ease-out fadeInUp;box-shadow:0 20px 60px #0000004d}.qr-code{margin-bottom:1rem}.qr-text{color:#1e1e1e;font-family:Cairo,sans-serif;font-size:1rem;font-weight:600}@media (max-width:968px){.download-content{grid-template-columns:1fr;gap:3rem}.download-title{font-size:2.5rem}.download-features{grid-template-columns:1fr}.download-visual{height:400px}.phone-frame{width:250px;height:500px}.float-card{display:none}}@media (max-width:640px){.download{padding:60px 1rem}.download-title{font-size:2rem}.download-description{font-size:1rem}.store-button{min-width:100%}.download-stats{flex-direction:column;gap:1rem}.phone-frame{width:200px;height:400px}}.footer{color:#fff;background:linear-gradient(135deg,#1e1e1e 0%,#171717 100%);padding:80px 2rem 0;position:relative}.footer-container{max-width:1200px;margin:0 auto}.footer-content{border-bottom:1px solid #ffffff1a;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;padding-bottom:3rem;display:grid}.footer-section.brand{max-width:350px}.footer-logo{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.logo-text{color:#fff;font-family:Cairo,sans-serif;font-size:1.75rem;font-weight:800}.brand-description{color:#ffffffb3;margin-bottom:2rem;font-family:Cairo,sans-serif;font-size:1rem;line-height:1.7}.social-links{gap:1rem;display:flex}.social-icon{color:#fff;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s;display:flex}.social-icon:hover{background:maroon;transform:translateY(-3px)}.footer-title{color:#fff;margin-bottom:1.5rem;font-family:Cairo,sans-serif;font-size:1.25rem;font-weight:700}.footer-links{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.footer-links li a{color:#ffffffb3;font-family:Cairo,sans-serif;font-size:1rem;text-decoration:none;transition:all .3s;display:inline-block}.footer-links li a:hover{color:maroon;transform:translate(-5px)}.contact-info{flex-direction:column;gap:1rem;margin:0 0 2rem;padding:0;list-style:none;display:flex}.contact-info li{color:#ffffffb3;align-items:center;gap:.75rem;font-family:Cairo,sans-serif;font-size:.95rem;display:flex}.contact-info li a{color:#ffffffb3;text-decoration:none;transition:color .3s}.contact-info li a:hover{color:maroon}.app-download-footer h4{color:#fff;margin-bottom:1rem;font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:700}.download-badges{flex-direction:column;gap:.75rem;display:flex}.download-badges a{transition:transform .3s;display:block}.download-badges a:hover{transform:translate(-5px)}.download-badges img{border-radius:5px;width:140px;height:auto}.footer-bottom{padding:2rem 0}.footer-bottom-content{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.copyright,.developers{color:#fff9;margin:0;font-family:Cairo,sans-serif;font-size:.95rem}.footer-bottom-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.footer-bottom-links a{color:#fff9;font-family:Cairo,sans-serif;font-size:.9rem;text-decoration:none;transition:color .3s}.footer-bottom-links a:hover{color:maroon}.footer-bottom-links span{color:#ffffff4d}.emergency-banner{z-index:1000;animation:.5s ease-out slideInLeft;position:fixed;bottom:20px;left:20px}.emergency-content{cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:50px;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:all .3s;display:flex;box-shadow:0 10px 30px #ef444466}.emergency-content:hover{transform:translateY(-3px);box-shadow:0 15px 40px #ef444480}.emergency-icon{font-size:2rem;animation:2s infinite pulse}.emergency-text strong{color:#fff;margin-bottom:.25rem;font-family:Cairo,sans-serif;font-size:1rem;font-weight:700;display:block}.emergency-text p{color:#ffffffe6;margin:0;font-family:Cairo,sans-serif;font-size:.875rem}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@media (max-width:1024px){.footer-content{grid-template-columns:1fr 1fr;gap:2rem}.footer-section.brand{grid-column:1/-1;max-width:100%}}@media (max-width:640px){.footer{padding:60px 1rem 0}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-section.brand{text-align:center}.footer-logo,.social-links{justify-content:center}.footer-links,.contact-info,.download-badges{align-items:center}.emergency-banner{bottom:10px;left:50%;transform:translate(-50%)}.emergency-content{padding:.75rem 1.25rem}.emergency-icon{font-size:1.5rem}.emergency-text strong{font-size:.9rem}.emergency-text p{font-size:.8rem}}*{box-sizing:border-box;margin:0;padding:0}.app{width:100%;overflow-x:hidden}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:right;direction:rtl;font-family:Cairo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:maroon;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#600000}