:root{--primary: #2D9B8F;--primary-hover: #237E74;--dark: #2D3250;--darker: #1E213A;--light: #F5F7FA;--white: #ffffff;--text-main: #333333;--text-muted: #666666;--glass: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .3);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-main);background-color:var(--white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background-color:var(--white)}[dir=rtl]{font-family:Tajawal,sans-serif}a{font-weight:600;color:var(--primary);text-decoration:inherit;transition:all .3s ease}a:hover{color:var(--primary-hover);opacity:1!important}h1,h2,h3,h4,h5,h6{line-height:1.1;font-weight:800}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:700;font-family:inherit;background-color:var(--primary);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}button:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 20px #2d9b8f33}button:active{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{opacity:0;animation:fadeInUp .8s cubic-bezier(.22,1,.36,1) forwards}.card-hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a!important;border-color:#2d9b8f26!important}@keyframes pulse-teal{0%{box-shadow:0 0 #2d9b8f66}70%{box-shadow:0 0 0 20px #2d9b8f00}to{box-shadow:0 0 #2d9b8f00}}.play-button-pulse{animation:pulse-teal 2s infinite}.story-item-hover:hover{background-color:#ffffff14!important}.registration-backdrop{position:fixed;inset:0;background:#0000004d;z-index:1100;opacity:0;animation:fadeIn .3s ease forwards;pointer-events:auto}.registration-panel{position:fixed;top:0;right:0;width:440px;max-width:100%;height:100vh;z-index:1200;overflow-y:auto;transform:translate(100%);animation:slideInRight .5s cubic-bezier(.16,1,.3,1) forwards;background:#ffffffe0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-left:1px solid rgba(255,255,255,.4);box-shadow:-10px 0 60px #00000026;pointer-events:auto}[dir=rtl] .registration-panel{right:auto;left:0;transform:translate(-100%);animation:slideInLeft .5s cubic-bezier(.16,1,.3,1) forwards;border-left:none;border-right:1px solid rgba(255,255,255,.4);box-shadow:10px 0 60px #00000026}.registration-panel.closing{animation:slideOutRight .4s cubic-bezier(.7,0,.84,0) forwards}[dir=rtl] .registration-panel.closing{animation:slideOutLeft .4s cubic-bezier(.7,0,.84,0) forwards}.registration-backdrop.closing{animation:fadeOut .4s ease forwards}.registration-content{padding:2.5rem 2rem;display:flex;flex-direction:column;min-height:100%}.registration-close{position:absolute;top:1.25rem;right:1.25rem;width:36px;height:36px;border-radius:50%;border:none;background:#0000000f;color:#555;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;padding:0;line-height:1}[dir=rtl] .registration-close{right:auto;left:1.25rem}.registration-close:hover{background:#dc32321a;color:#dc3232;transform:rotate(90deg) scale(1.1);box-shadow:none}.registration-title{font-size:1.75rem;font-weight:800;color:#1a1a2e;margin-bottom:.5rem;line-height:1.2}.registration-subtitle{font-size:.95rem;color:#666;margin-bottom:2rem;line-height:1.5}.registration-form{display:flex;flex-direction:column;gap:1.25rem;flex:1}.reg-input-group{position:relative}.reg-input-group label{display:block;font-size:.8rem;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.4rem}.reg-input-group input,.reg-input-group select,.reg-input-group textarea{width:100%;padding:.75rem 1rem;font-size:.95rem;border:2px solid rgba(0,0,0,.08);border-radius:12px;background:#ffffffb3;color:#333;outline:none;transition:all .3s ease;font-family:inherit}.reg-input-group textarea{resize:vertical;min-height:100px;line-height:1.5}.reg-input-group input:focus,.reg-input-group select:focus,.reg-input-group textarea:focus{border-color:#2d9b8f;box-shadow:0 0 0 4px #2d9b8f1a;background:#fff}.reg-input-group input.error,.reg-input-group select.error{border-color:#e74c3c;box-shadow:0 0 0 4px #e74c3c14}.reg-error-text{font-size:.75rem;color:#e74c3c;margin-top:.3rem;font-weight:600}.reg-consent{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#2d9b8f0f;border-radius:12px;border:1px solid rgba(45,155,143,.15);cursor:pointer;transition:all .3s ease}.reg-consent:hover{background:#2d9b8f1a}.reg-consent input[type=checkbox]{width:20px;height:20px;margin-top:2px;accent-color:#2D9B8F;flex-shrink:0;cursor:pointer}.reg-consent span{font-size:.9rem;color:#444;line-height:1.4}.reg-radio-group{display:flex;background:#0000000a;border-radius:10px;padding:3px;gap:3px}.reg-radio-option{flex:1;display:flex;align-items:center;justify-content:center;padding:.6rem 1rem;border-radius:8px;border:none;background:transparent;cursor:pointer;transition:all .25s ease;font-size:.9rem;font-weight:600;color:#888}.reg-radio-option:hover{color:#555}.reg-radio-option.active{background:#fff;color:#2d9b8f;box-shadow:0 1px 4px #00000014}.reg-radio-option input[type=radio]{display:none}.reg-submit-btn{width:100%;padding:1rem;font-size:1.05rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:50px;background:linear-gradient(135deg,#2d9b8f,#237e74);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 25px #2d9b8f59;margin-top:.5rem;position:relative;overflow:hidden}.reg-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #2d9b8f73}.reg-submit-btn:active:not(:disabled){transform:translateY(0)}.reg-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.registration-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;gap:1.5rem;padding:2rem}.success-checkmark{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#2d9b8f,#237e74);display:flex;align-items:center;justify-content:center;animation:scaleIn .5s cubic-bezier(.175,.885,.32,1.275) forwards;box-shadow:0 10px 30px #2d9b8f4d}.success-checkmark svg{width:40px;height:40px;stroke:#fff;stroke-width:3;fill:none;stroke-dasharray:60;stroke-dashoffset:60;animation:drawCheck .6s .3s ease forwards}.success-title{font-size:1.75rem;font-weight:800;color:#1a1a2e;animation:fadeInUp .5s .4s ease forwards;opacity:0}.success-message{font-size:1rem;color:#666;line-height:1.5;animation:fadeInUp .5s .6s ease forwards;opacity:0}.reg-general-error{background:#e74c3c14;border:1px solid rgba(231,76,60,.2);border-radius:10px;padding:.75rem 1rem;color:#c0392b;font-size:.85rem;font-weight:600;text-align:center}.reg-spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-inline-end:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes drawCheck{to{stroke-dashoffset:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.donor-counter-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:#00000059;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:50px;border:1px solid rgba(255,255,255,.15);color:#fff;font-size:.95rem;font-weight:600;pointer-events:auto}.donor-counter-heart{font-size:1.2rem;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.15)}60%{transform:scale(1)}}.donor-counter-number{font-weight:800;font-size:1.1rem;min-width:1.5ch;color:#2d9b8f;text-shadow:0 0 10px rgba(45,155,143,.3)}@media(max-width:768px){.registration-panel{width:100%;height:65vh;inset:auto 0 0;border-radius:20px 20px 0 0;border-left:none;border-top:1px solid rgba(255,255,255,.4);box-shadow:0 -10px 40px #0003;transform:translateY(100%);animation:slideUpSheet .5s cubic-bezier(.16,1,.3,1) forwards}[dir=rtl] .registration-panel{left:0;right:0;border-right:none;border-top:1px solid rgba(255,255,255,.4);box-shadow:0 -10px 40px #0003;transform:translateY(100%);animation:slideUpSheet .5s cubic-bezier(.16,1,.3,1) forwards}.registration-panel.closing,[dir=rtl] .registration-panel.closing{animation:slideDownSheet .4s cubic-bezier(.7,0,.84,0) forwards}.registration-content{padding:1rem 1.5rem 2rem}.registration-content:before{content:"";display:block;width:36px;height:4px;background:#00000026;border-radius:2px;margin:0 auto 1rem}.registration-title{font-size:1.35rem}.registration-subtitle{font-size:.85rem;margin-bottom:1rem}.registration-form{gap:1rem}.reg-input-group label{font-size:.75rem}.reg-input-group input,.reg-input-group select,.reg-input-group textarea{padding:.6rem .85rem;font-size:.9rem;border-radius:10px}.reg-consent{padding:.75rem}.reg-consent span{font-size:.8rem}.reg-submit-btn{padding:.85rem;font-size:.95rem;margin-bottom:env(safe-area-inset-bottom,0)}.registration-close{top:.75rem;right:.75rem}[dir=rtl] .registration-close{right:auto;left:.75rem}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDownSheet{0%{transform:translateY(0)}to{transform:translateY(100%)}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.loading-logo{display:flex;align-items:center;gap:.8rem;font-size:2.2rem;font-weight:800;color:#333;letter-spacing:-1px}.dot{color:var(--primary);animation:dot-pulse 1.5s infinite ease-in-out}.brand-name{font-family:Tajawal,Inter,sans-serif}.loading-bar-container{width:200px;height:3px;background-color:#f0f0f0;border-radius:10px;overflow:hidden;position:relative}.loading-bar{width:100%;height:100%;background-color:var(--primary);position:absolute;left:-100%;animation:loading-slide 2s infinite ease-in-out}.loading-subtitle{font-size:.9rem;color:#888;font-weight:500;letter-spacing:1px;text-transform:uppercase;margin:0}@keyframes dot-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}@keyframes loading-slide{0%{left:-100%}50%{left:0}to{left:100%}}@media(max-width:768px){.loading-logo{font-size:1.8rem}.loading-bar-container{width:150px}}.navbar.scrolled{box-shadow:0 4px 30px #0000001a}.nav-links{display:flex;gap:2rem;align-items:center}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:#ffffffd9;padding:8px;border-radius:6px;border:none;z-index:1001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hamburger span{width:22px;height:2.5px;background:#333;border-radius:2px;transition:all .3s ease;display:block}@media(max-width:768px){.app-content-wrapper{padding:0!important}.navbar{padding:.75rem 1.5rem!important}.hamburger{display:flex}.nav-links{position:fixed;top:0;right:-100%;background:#fffffffa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);width:80%;max-width:320px;height:100vh;flex-direction:column;justify-content:center;gap:2.5rem;transition:.4s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 30px #00000026;z-index:1000;padding:3rem}.nav-links.open{right:0}[dir=rtl] .nav-links{right:auto;left:-100%}[dir=rtl] .nav-links.open{left:0}.nav-links a{font-size:1.25rem!important;font-weight:700!important}.hero-section{padding:0 5%!important;align-items:center!important;text-align:center!important;justify-content:center!important}.hero-title{text-align:center!important;margin-bottom:2rem!important}.hero-description{text-align:center!important;margin:0 auto;border-right:none!important;border-left:none!important;border-top:4px solid var(--primary)!important}.hero-button{align-self:center!important}section{padding:4rem 1.5rem!important}.why-donation-layout{flex-direction:column!important;gap:3rem!important}.why-donation-cards{flex-direction:column!important;gap:1.5rem!important}.why-donation-image-container{width:100%!important;max-width:400px}.steps-grid{flex-direction:column!important;gap:2.5rem!important;align-items:center!important}.step-line{display:none!important}.step-card{max-width:100%!important;width:100%!important}.stories-layout{flex-direction:column!important;gap:2rem!important}.video-area{min-height:250px!important}.contact-layout{flex-direction:column!important;gap:3rem!important}.contact-title{font-size:2.25rem!important}.contact-button{align-self:stretch!important;width:100%!important}.footer-layout{flex-direction:column!important;text-align:center!important;align-items:center!important;gap:2.5rem!important}.footer-attribution{padding-left:0!important;padding-right:0!important;text-align:center!important}.footer-contact-item,.footer-social-row{justify-content:center!important}.floating-controls{flex-direction:column!important;bottom:1.5rem!important;right:1.5rem!important}}@media(max-width:480px){.hero-title{line-height:1.2!important}.navbar{padding:.5rem 1rem!important}}