*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7fafc}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}input,select,textarea,button{font-family:Poppins,sans-serif}.navbar{background-color:#fff;height:80px;box-shadow:0 2px 8px #0000001a;position:fixed;top:0;left:0;right:0;width:100vw;z-index:999}.navbar-container{display:flex;justify-content:space-between;align-items:center;height:100%;width:100%;padding:0 40px}.navbar-logo{display:flex;align-items:center;gap:12px;text-decoration:none;z-index:2}.nav-logo-img{height:60px;width:auto}.logo-text{color:#ff4d4d;font-size:24px;font-weight:700}.menu-icon{display:none;font-size:1.8rem;cursor:pointer;color:#2d3748;z-index:2}.nav-menu{display:flex;align-items:center;list-style:none;gap:1.5rem}.nav-link{color:#2d3748;text-decoration:none;font-weight:500;font-size:1.1rem;transition:color 0s ease;position:relative;padding:12px 16px;border-radius:8px}.nav-link:after{content:"";position:absolute;width:0;height:2px;bottom:12px;left:16px;background-color:#ff4d4d;transition:width .3s ease}.nav-link:hover{color:#ff4d4d;background:#f7fafc;color:#2d3748}.nav-link.nav-active:hover{background-color:#e63939;color:#fff}.nav-link.nav-active:after{display:none}.nav-link:hover:after{width:calc(100% - 32px)}.nav-active{background-color:#ff4d4d;color:#fff}.nav-active:hover{background-color:#e63939}.nav-button{display:flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:8px;background-color:#2d3748;color:#fff;transition:all .3s ease}.nav-button:hover{background-color:#1a202c;transform:translateY(-1px)}.nav-button.nav-active{background-color:#ff4d4d}.nav-button.nav-active:hover{background-color:#e63939}.nav-button i{font-size:1.2rem}@media screen and (max-width: 960px){.menu-icon{display:block}.nav-menu{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100vh;position:fixed;top:0;right:-100%;opacity:0;padding:70px 30px 10px 20px;background:#fff;transition:all .5s ease;gap:.3rem}.nav-menu.active{right:0;opacity:1}.nav-link{display:block;width:100%;padding:1rem 20px;text-align:center;border-radius:10px}.nav-link:after{display:none}.nav-button{display:inline-block;margin-top:.5rem;width:100%;text-align:center}}@media screen and (max-width: 480px){.navbar-container{padding:0 20px}.nav-link{display:block;width:100%;padding:1rem 24px;text-align:center;border-radius:12px}.logo-text{font-size:20px}.nav-logo-img{height:32px}}.footer{background-color:#fff;color:#2d3748;padding:60px 0 20px;margin-top:auto;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;box-shadow:0 -2px 8px #0000001a}.footer-container{width:100%;padding:0 40px;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px}.brand-section{max-width:300px}.footer-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.footer-logo-img{height:100px;width:auto}.footer-logo h3{color:#ff4d4d;font-size:24px;margin:0}.brand-section p{color:#4a5568;line-height:1.6;margin-bottom:20px}.social-links{display:flex;gap:16px}.social-link{color:#4a5568;font-size:20px;transition:all .3s ease}.social-link:hover{color:#ff4d4d;transform:translateY(-2px)}.footer-section h4{color:#2d3748;font-size:18px;font-weight:600;margin-bottom:20px;position:relative;background-color:#fff}.footer-section h4:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:2px;background-color:#ff4d4d}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:12px}.footer-section ul li a{color:#4a5568;text-decoration:none;transition:all .3s ease;position:relative;padding-left:0;font-weight:500}.footer-section ul li a:hover{color:#ff4d4d;padding-left:5px}.contact-info{padding:40px;border-radius:10px;text-align:left}.contact-info p{display:flex;align-items:center;gap:10px;color:#4a5568;margin-bottom:12px}.contact-info i{color:#ff4d4d;width:20px;transition:transform .3s ease}.contact-info p:hover i{transform:scale(1.1)}.footer-bottom{text-align:center;margin-top:60px;padding-top:20px;border-top:1px solid #e2e8f0;color:#718096}@media (max-width: 1024px){.footer-container{grid-template-columns:repeat(2,1fr);padding:0 30px}.brand-section{grid-column:1 / -1;max-width:none;text-align:center}.footer-logo,.social-links{justify-content:center}}@media (max-width: 640px){.footer-container{grid-template-columns:1fr;padding:0 20px}.footer-section h4:after{left:50%;transform:translate(-50%)}.contact-info p{justify-content:center}.footer-section{text-align:center}.footer-logo-img{height:80px}}.home{padding-top:80px}.hero{min-height:500px;display:flex;align-items:center;background-color:#fff;padding:20px 10px;border-radius:10px}.hero-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:40px}.hero-text{flex:1;text-align:left}.hero h1{font-size:3.5rem;color:#2d3748;margin-bottom:20px;line-height:1.2}.highlight{color:#ff4d4d}.hero p{font-size:1.2rem;color:#4a5568;margin-bottom:30px;line-height:1.6}.hero-image{flex:1;display:flex;justify-content:center}.hero-image img{max-width:100%;height:auto;animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.hero-buttons{display:flex;gap:20px;padding-top:20px}.btn{padding:12px 30px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.btn-primary{background-color:#ff4d4d;color:#fff;box-shadow:0 4px 6px #e53e3e1a}.btn-primary:hover{background-color:#f33;transform:translateY(-2px);box-shadow:0 6px 8px #e53e3e33}.btn-secondary{background-color:transparent;color:#2d3748;border:2px solid #2d3748}.btn-secondary:hover{background-color:#2d3748;color:#fff;transform:translateY(-2px)}.stats{padding:60px 20px;background-color:#f7fafc}.stats-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.stat-card{background:#fff;padding:30px;border-radius:10px;text-align:center;box-shadow:0 4px 6px #0000000d;transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #0000001a}.stat-card i{font-size:2.5rem;color:#ff4d4d;margin-bottom:15px}.stat-card h3{font-size:2rem;color:#2d3748;margin-bottom:10px}.stat-card p{color:#fff;font-weight:500}.features{padding:80px 20px;max-width:1200px;margin:0 auto}.features h2{text-align:center;margin-bottom:60px;font-size:2.5rem;color:#2d3748}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.feature-card{padding:40px;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000000d;transition:all .3s ease;text-align:center}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #0000001a}.feature-card i{font-size:2.5rem;color:#ff4d4d;margin-bottom:auto}.feature-card h3{margin-bottom:15px;color:#2d3748;font-size:1.5rem}.feature-card p{color:#4a5568;margin-bottom:20px;line-height:1.6}.feature-link{color:#ff4d4d;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:gap .3s ease}.feature-link:hover{gap:12px}.support-section{background:linear-gradient(#000c,#000c),url(/assets/insaan-DzbyHpBt.png);background-size:cover;background-position:center;color:#fff;padding:80px 20px;text-align:center;margin-top:60px;margin-bottom:60px;border-radius:10px}.support-content{max-width:1200px;margin:0 auto}.support-content h2{font-size:2.5rem;margin-bottom:20px;color:#fff}.support-content p{font-size:1.2rem;margin-bottom:40px;color:#f7fafc}.support-stats{display:flex;justify-content:center;gap:60px;margin-bottom:40px}.stat{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:2.5rem;font-weight:700;color:#ff4d4d;margin-bottom:10px}.stat-label{font-size:1rem;color:#f7fafc}.support-cta{text-decoration:none}.support-button{background:#ff4d4d;color:#fff;border:none;padding:15px 40px;border-radius:30px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px}.support-button:hover{background:#f33;transform:translateY(-2px)}.support-button i{transition:transform .3s ease}.support-button:hover i{transform:translate(5px)}.compatibility-section{padding:80px 20px;background:#f7fafc;text-align:center}.compatibility-content{max-width:1200px;margin:0 auto}.compatibility-content h2{color:#2d3748;font-size:2.5rem;margin-bottom:20px}.compatibility-content p{color:#4a5568;font-size:1.2rem;margin-bottom:40px}.compatibility-preview{display:flex;justify-content:center;gap:60px;margin-bottom:40px}.blood-type-example{text-align:center}.blood-type{display:inline-block;background:#ff4d4d;color:#fff;padding:15px 25px;border-radius:50%;font-size:1.5rem;font-weight:700;margin-bottom:15px}.compatibility-link{display:inline-flex;align-items:center;gap:10px;background:#ff4d4d;color:#fff;padding:12px 30px;border-radius:30px;text-decoration:none;font-weight:500;transition:all .3s ease}.compatibility-link:hover{background:#f33;transform:translateY(-2px)}.compatibility-link i{transition:transform .3s ease}.compatibility-link:hover i{transform:translate(5px)}@media (max-width: 1024px){.hero h1{font-size:3rem}.stats-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero-content{flex-direction:column-reverse;text-align:center}.hero-text{text-align:center}.hero-buttons{justify-content:center}.features-grid{grid-template-columns:1fr}.compatibility-preview{gap:30px}.compatibility-content h2{font-size:2rem}.support-stats{flex-direction:column;gap:30px}.support-content h2,.stat-number{font-size:2rem}}@media (max-width: 480px){.hero h1{font-size:2.5rem}.btn-primary,.btn-secondary{width:100%}.stats-container{grid-template-columns:1fr}.hero-buttons{flex-direction:column}.support-section{padding:60px 20px}.support-content h2{font-size:1.8rem}.support-content p{font-size:1rem}.support-button{padding:12px 30px;font-size:1rem}}.donor-registration{padding:80px 20px;margin:40px 0}.donor-registration-content{max-width:1200px;margin:0 auto;text-align:center}.donor-registration h2{color:#2d3748;font-size:2.5rem;margin-bottom:20px}.donor-registration p{color:#4a5568;font-size:1.2rem;margin-bottom:40px}.registration-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:40px}.benefit-item{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease}.benefit-item:hover{transform:translateY(-5px)}.benefit-item i{font-size:2rem;color:#ff4d4d;margin-bottom:20px}.benefit-item h3{color:#2d3748;margin-bottom:10px;font-size:1.2rem}.benefit-item p{color:#4a5568;font-size:1rem;margin-bottom:0}.register-donor-btn{display:inline-flex;align-items:center;gap:10px;background:#ff4d4d;color:#fff;padding:15px 40px;border:none;border-radius:30px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.register-donor-btn:hover{background:#f33;transform:translateY(-2px)}.register-donor-btn i{transition:transform .3s ease}.register-donor-btn:hover i{transform:translate(5px)}@media (max-width: 768px){.hero{padding:30px 10px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.registration-benefits{grid-template-columns:1fr;gap:20px}.donor-registration h2{font-size:2rem}.donor-registration p{font-size:1.1rem}.register-donor-btn{width:100%;justify-content:center}}.hero .hero-buttons{display:flex;gap:14px;margin-top:18px;flex-wrap:wrap}.hero .btn{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;font-weight:700;font-size:16px;letter-spacing:.2px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease;will-change:transform}.hero .btn.btn-primary{color:#fff;background:linear-gradient(90deg,#ef4444,#dc2626);box-shadow:0 10px 20px #dc262659,0 2px 6px #00000014;border:0}.hero .btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 24px #dc262673,0 4px 10px #0000001a}.hero .btn.btn-primary:focus-visible{outline:3px solid rgba(239,68,68,.35);outline-offset:3px}.hero .btn.btn-secondary{color:#dc2626;background:transparent;border:2px solid #fecaca}.hero .btn.btn-secondary:hover{background:#fee2e2;transform:translateY(-2px)}.hero .btn.btn-secondary:focus-visible{outline:3px solid rgba(254,202,202,.8);outline-offset:3px}@keyframes ctaPulse{0%,to{box-shadow:0 10px 20px #dc262659,0 2px 6px #00000014}50%{box-shadow:0 12px 24px #dc262673,0 3px 8px #0000001a}}.hero .btn.btn-primary.attention{animation:ctaPulse 2.5s ease-in-out infinite}@media (max-width: 640px){.hero .hero-buttons{gap:10px}.hero .btn{width:100%;justify-content:center}}@media (max-width: 640px){.hero .hero-text{display:flex;flex-direction:column}.hero .hero-text h1{order:0}.hero .hero-buttons{order:1;margin-top:8px;margin-bottom:24px}.hero .hero-text>p{order:2}}.blood-requests{padding:80px 20px 40px;max-width:1200px;margin:0 auto}.blood-requests h1{text-align:center;color:#2d3748;margin-bottom:40px;font-size:2rem;font-weight:700}.requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:10px 0}.request-card{background:#fff;border-radius:10px;padding:16px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;position:relative;cursor:pointer;display:flex;flex-direction:column;height:200px;border:1px solid transparent}.request-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.blood-request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.blood-request-header h3{margin:0;flex:1;padding-right:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blood-request-type{display:inline-flex;align-items:center;gap:6px;background:#fff0f0;color:#ff4d4d;padding:4px 12px;border-radius:15px;font-weight:600;font-size:.9rem;white-space:nowrap}.request-info{display:flex;align-items:center;gap:12px;margin-bottom:auto}.request-blood-type{display:inline-flex;align-items:center;gap:6px;background-color:#ff4d4d;color:#fff;padding:5px 12px;border-radius:6px;font-weight:500;font-size:.9rem;width:100%;text-align:center}.request-blood-type i{font-size:.8rem}.request-hospital{display:flex;align-items:center;gap:8px;color:#4a5568;font-size:.9rem;margin:10px 0;width:100%}.request-hospital p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px)}.request-hospital i{color:#718096}.loading{text-align:center;padding:100px 20px;font-size:1.2rem;color:#4a5568}.error{text-align:center;padding:100px 20px;color:#e53e3e;font-size:1.2rem}.request-time-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.8rem;color:#718096}.request-time{margin:0;text-align:right}.sos-badge{position:static;background-color:#ff4d4d;color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:4px;box-shadow:0 2px 4px #e53e3e33}.sos-badge i{font-size:.9rem}.sos-card{border:2px solid #ff4d4d;background:#fff5f5}.sos-card .hospital i{color:#ff4d4d}.whatsapp-button{margin-top:auto;padding:8px 12px;background-color:#25d366;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s ease;text-decoration:none}.whatsapp-button:hover{background-color:#128c7e}.whatsapp-button i{font-size:1rem}@media screen and (min-width: 1536px){.requests-grid{max-width:1400px}}@media screen and (max-width: 1280px){.requests-grid{max-width:1100px}}@media screen and (max-width: 1024px){.requests-grid{max-width:800px}}@media screen and (max-width: 768px){.blood-requests{padding:60px 15px 30px}.requests-grid{max-width:700px;padding:0 10px;gap:15px}.request-card{padding:14px;min-height:180px}}@media screen and (max-width: 480px){.requests-grid{margin:0 auto;max-width:300px}.blood-requests h1{font-size:1.75rem;margin-bottom:25px}.request-card{min-height:170px}.blood-request-header h3{font-size:.95rem}.blood-request-type{padding:3px 8px;font-size:.8rem}.request-hospital p{font-size:.85rem}}.create-request{padding:80px 20px 40px;max-width:1000px;margin:0 auto}.create-request h1{color:#2d3748;margin-bottom:40px;font-size:2rem}.request-form{background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 8px #0000001a}.form-type-selector{margin-bottom:30px}.form-type-selector label{display:block;margin-bottom:10px;font-weight:500;color:#2d3748}.type-buttons{display:flex;gap:15px}.type-button{flex:1;padding:12px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;font-weight:500;color:#4a5568;cursor:pointer;transition:all .3s ease}.type-button.active{background:#ff4d4d;border-color:#ff4d4d;color:#fff}.type-button:hover:not(.active){border-color:#ff4d4d;color:#ff4d4d}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:500;color:#2d3748}.form-group input,.form-group select,.form-group textarea{padding:10px;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;transition:border-color .3s ease}.form-group textarea{height:100px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus .form-group input:invalid{outline:none;border-color:#ff4d4d}.submit-button{margin-top:30px;width:100%;padding:12px;background:#ff4d4d;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.submit-button:hover{background:#f33;transform:translateY(-1px)}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.request-form{padding:20px}}.form-group select{padding:10px;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;transition:border-color .3s ease;background-color:#fff;width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:1em}.form-group select option{padding:10px}.form-group .helper-text{font-size:.8rem;color:#718096;margin-top:4px}.hospital-link{display:inline-block;margin-top:8px;color:#ff4d4d;text-decoration:none;font-size:.9rem;transition:color .3s ease}.hospital-search-container{position:relative}.hospital-search-input{width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;transition:all .3s ease;background-color:#fff}.hospital-search-input:focus{outline:none;border-color:#ff4d4d;box-shadow:0 0 0 1px #ff4d4d}.hospital-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000001a;display:none}.hospital-search-container:focus-within .hospital-dropdown{display:block}.hospital-option{padding:10px;cursor:pointer;transition:all .2s ease}.hospital-option:hover{background-color:#f7fafc;color:#ff4d4d}input::-webkit-calendar-picker-indicator{display:none}.hospital-link{display:block;margin-top:8px;color:#ff4d4d;text-decoration:none;font-size:.9rem;transition:color .3s ease}.hospital-link:hover{color:#f33;text-decoration:underline}.hospital-dropdown::-webkit-scrollbar{width:8px}.hospital-dropdown::-webkit-scrollbar-track{background:#f7fafc}.hospital-dropdown::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.hospital-dropdown::-webkit-scrollbar-thumb:hover{background:#a0aec0}.form-group input::placeholder{color:#a0aec0;font-size:.9rem}.sos-warning{background-color:#fff5f5;border:1px solid #ff4d4d;color:#ff4d4d;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-weight:500;animation:fadeIn .3s ease-in;justify-content:center}.sos-warning i{font-size:1.2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification{padding:4px 8px;border-radius:4px;margin:0;font-size:.8rem;font-weight:500;position:relative;box-shadow:0 1px 2px #0000001a;animation:fadeInDown .3s ease-out forwards;text-align:center;line-height:1.2;max-height:30px;display:flex;align-items:center;justify-content:center;width:100%}.notification.success{background-color:#d4edda;color:#155724;border-left:2px solid #28a745}.urdu-label{font-family:Noto Nastaliq Urdu,serif;margin-left:10px;font-size:.9rem;color:#4a5568;font-weight:400;display:inline-block}.spinner-container{display:flex;justify-content:center;align-items:center;min-height:20px}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button .spinner-container{display:inline-flex;min-height:unset;margin:0 5px}button .spinner{width:16px;height:16px}.faq-page{padding:80px 20px 40px;max-width:800px;margin:0 auto}.faq-header{text-align:center;margin-bottom:40px}.faq-header h1{color:#2d3748;font-size:2.5rem;margin-bottom:15px}.faq-header p{color:#4a5568;font-size:1.1rem}.faq-categories{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap;justify-content:center}.category-btn{padding:12px 24px;border:none;border-radius:8px;background:#fff;color:#4a5568;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px #0000000d}.category-btn i{font-size:1.1rem}.category-btn.active{background:#ff4d4d;color:#fff}.category-btn:hover:not(.active){background:#f7fafc;transform:translateY(-2px)}.faq-container{display:flex;flex-direction:column;gap:15px}.faq-item{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000000d;overflow:hidden;cursor:pointer}.faq-question{padding:20px;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease}.faq-question:hover{background-color:#f7fafc}.faq-question h3{color:#2d3748;font-size:1.1rem;margin:0}.faq-question i{color:#4a5568;font-size:1rem;transition:transform .3s ease}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-out;background-color:#f8fafc}.faq-item.active .faq-answer{max-height:300px}.faq-answer p{padding:20px;color:#4a5568;line-height:1.6;margin:0}@media (max-width: 768px){.faq-page{padding:80px 20px 40px}.faq-header h1{font-size:2rem}.category-btn{padding:10px 20px;font-size:.9rem}}.legal-page{padding:80px 20px 40px;max-width:800px;margin:0 auto}.legal-header{text-align:center;margin-bottom:50px;position:relative}.legal-header:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:60px;height:3px;background-color:#ff4d4d;border-radius:2px}.legal-header h1{color:#2d3748;font-size:2.5rem;margin-bottom:10px}.legal-header p{color:#718096;font-size:1rem}.legal-content{background:#fff;padding:40px;border-radius:10px;box-shadow:0 4px 6px #0000000d}.legal-content section{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #e2e8f0}.legal-content section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.legal-content h2{color:#2d3748;font-size:1.5rem;margin-bottom:20px;display:flex;align-items:center;gap:10px}.legal-content h2:before{content:"";width:4px;height:24px;background-color:#ff4d4d;border-radius:2px}.legal-content p{color:#4a5568;line-height:1.6;margin-bottom:15px}.legal-content ul{list-style-type:none;padding-left:0;color:#4a5568;line-height:1.6}.legal-content ul li{margin-bottom:12px;padding-left:24px;position:relative;text-align:left}.legal-content ul li:before{content:"•";color:#ff4d4d;position:absolute;left:0;font-weight:700}@media (max-width: 768px){.legal-page{padding:80px 20px 40px}.legal-content{padding:30px}.legal-header h1{font-size:2rem}}.about-page{padding-top:80px}.about-hero{background:linear-gradient(#fffc,#fff6),url(/images/about-hero.jpg) center/cover;height:450px;display:flex;align-items:center;justify-content:center;text-align:center;color:#2d3748;border-radius:10px;border:1px solid #ff4d4d;margin-bottom:60px}.about-hero-content h1{font-size:3rem;margin-bottom:10px}.about-hero-content h2{font-size:2rem;margin-bottom:20px;color:#ff4d4d}.about-hero-content p{font-size:1.2rem;max-width:auto;margin:0 auto}.about-mission{padding:100px 40px;background-color:#fff;border-radius:10px}.mission-content{max-width:1200px;margin:0 auto;display:flex;gap:60px;align-items:center}.mission-text{flex:1}.mission-text h2{color:#2d3748;font-size:2.5rem;margin-bottom:20px}.mission-text p{color:#4a5568;line-height:1.8;font-size:1.1rem}.mission-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.about-stat-item{text-align:center;padding:30px;background:#f7fafc;border-radius:10px;transition:transform .3s ease}.about-stat-item:hover{transform:translateY(-5px)}.about-stat-number{display:block;font-size:2.5rem;font-weight:700;color:#ff4d4d;margin-bottom:10px}.about-stat-label{color:#4a5568;font-weight:500}.about-values{padding:80px 20px;background-color:#f7fafc}.about-values h2{text-align:center;color:#2d3748;font-size:2.5rem;margin-bottom:60px}.values-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.value-card{background:#fff;padding:40px 30px;border-radius:10px;text-align:center;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease}.value-card:hover{transform:translateY(-5px)}.value-card i{font-size:2.5rem;color:#ff4d4d;margin-bottom:20px}.value-card h3{color:#2d3748;margin-bottom:15px;font-size:1.3rem}.value-card p{color:#4a5568;line-height:1.6}.contact-section{padding:80px 20px;background-color:#fff;border-radius:10px;margin-bottom:60px}.contact-section h2{text-align:center;color:#2d3748;font-size:2.5rem;margin-bottom:60px}.contact-section h3{text-align:center;color:#2d3748;font-size:1.5rem;margin-bottom:60px}.contact-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:60px}.contact-info{padding:40px;border-radius:10px}.info-item{display:flex;gap:20px;margin-bottom:30px}.info-item i{font-size:1.5rem;color:#ff4d4d}.info-item h3{color:#2d3748;margin-bottom:5px}.info-item p{color:#4a5568;line-height:1.6}.social-links{display:flex;gap:15px;margin-top:30px}.social-link{width:40px;height:40px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#4a5568;transition:all .3s ease}.social-link:hover{background:#ff4d4d;color:#fff;transform:translateY(-3px)}.contact-form{background:#fff;padding:40px;border-radius:10px;box-shadow:0 4px 6px #0000000d}.form-group label{display:block;color:#2d3748;margin-bottom:8px;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group textarea{height:150px;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ff4d4d}.submit-button{width:100%;padding:12px;background:#ff4d4d;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.submit-button:hover{background:#f33;transform:translateY(-2px)}@media (max-width: 1024px){.values-grid{grid-template-columns:repeat(2,1fr)}.contact-container{grid-template-columns:1fr}}@media (max-width: 768px){.about-hero-content h1{font-size:2.5rem}.mission-content{flex-direction:column;text-align:center}.mission-stats,.values-grid{grid-template-columns:1fr}.contact-info{text-align:center}.info-item{flex-direction:column;align-items:center;gap:10px}.social-links{justify-content:center}}.request-details{padding:80px 20px 40px;max-width:800px;margin:0 auto}.request-details-card{background:#fff;padding:30px;border-radius:10px;box-shadow:0 2px 12px #00000014}.request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #edf2f7}.header-info{display:flex;align-items:center;gap:15px}.request-details-card h1{color:#2d3748;font-size:1.8rem;margin:0}.blood-type-large{display:inline-flex;align-items:center;gap:6px;background-color:#ff4d4d;color:#fff;padding:8px 16px;border-radius:8px;font-size:1rem;font-weight:600}.sos-badge-large{background-color:#ff4d4d;color:#fff;padding:6px 12px;border-radius:6px;font-weight:500;font-size:.9rem;display:flex;align-items:center;gap:6px}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:25px}.detail-item{display:flex;gap:12px;align-items:flex-start;padding:15px;background:#f8fafc;border-radius:8px;text-align:left}.detail-item.full-width{grid-column:1 / -1}.detail-item i{color:#ff4d4d;font-size:1.2rem;background:#fff1f1;padding:8px;border-radius:8px}.detail-item h3{color:#4a5568;margin-bottom:4px;font-size:.9rem;font-weight:600}.detail-item p{color:#2d3748;line-height:1.5;font-size:.95rem}.contact-button{width:100%;padding:14px;background-color:#25d366;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .3s ease}.contact-button i{font-size:1.2rem}.contact-button:hover{background-color:#128c7e;transform:translateY(-2px)}@media (max-width: 768px){.request-details-card{padding:20px}.request-header{flex-direction:column;gap:15px}.header-info{flex-direction:column;align-items:flex-start}.details-grid{grid-template-columns:1fr}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 20px 40px;background-color:#f7fafc}.auth-card{background:#fff;padding:40px;border-radius:15px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:800px}.auth-card h1{text-align:center;color:#2d3748;margin-bottom:30px;font-size:2rem}.step-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:30px}.step{width:35px;height:35px;border-radius:50%;background:#e2e8f0;color:#4a5568;display:flex;align-items:center;justify-content:center;font-weight:600;transition:all .3s ease}.step.active{background:#ff4d4d;color:#fff}.step-line{width:60px;height:2px;background:#e2e8f0;margin:0 10px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#2d3748;font-weight:500}.form-group input,.form-group select,.form-group textarea{padding:10px;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ff4d4d;box-shadow:0 0 0 1px #ff4d4d}.form-group textarea{min-height:100px;resize:vertical}.form-buttons{display:flex;gap:10px;justify-content:space-between}.next-skip-buttons{display:flex;gap:15px;flex:1}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;font-size:1rem}.btn-primary{background:#ff4d4d;color:#fff;flex:1}.btn-primary:hover{background:#f33;transform:translateY(-1px)}.btn-secondary{background-color:#718096;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.btn-secondary:hover{background-color:#4a5568}.auth-links{margin-top:30px;text-align:center;display:flex;flex-direction:column;gap:10px}.auth-links a{color:#ff4d4d;text-decoration:none;transition:color .3s ease}.auth-links a:hover{color:#f33;text-decoration:underline}.auth-links p{color:#4a5568}@media (max-width: 480px){.auth-card{padding:30px 20px}.form-buttons,.next-skip-buttons{flex-direction:column}}.form-columns{display:grid;gap:20px}.form-columns.two-columns{grid-template-columns:repeat(2,1fr);gap:30px}.skip-button{background:none;border:none;color:#718096;font-size:.9rem;cursor:pointer;text-decoration:underline;transition:color .3s ease;margin-top:-10px}.skip-button:hover{color:#ff4d4d}@media (max-width: 768px){.form-columns.two-columns{grid-template-columns:1fr}}.form-group input[type=password]{font-family:monospace}.form-group.error input{border-color:#ff4d4d}.form-group.error .error-message{color:#ff4d4d;font-size:.8rem;margin-top:4px}.password-requirements{font-size:.8rem;color:#718096;margin-top:4px;display:block}.error-message{color:#ff4d4d;font-size:.9rem;margin-top:4px;display:flex;align-items:center;gap:6px}.error-message i{font-size:1rem}.label-with-tooltip{text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:1px;text-underline-offset:4px;cursor:help;position:relative}.label-with-tooltip .tooltip{visibility:hidden;position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#2d3748;color:#fff;text-align:center;padding:8px 12px;border-radius:6px;width:max-content;max-width:200px;font-size:.8rem;z-index:1;opacity:0;transition:opacity .3s;margin-bottom:5px;text-decoration:none}.label-with-tooltip .tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#2d3748 transparent transparent transparent}.label-with-tooltip:hover .tooltip{visibility:visible;opacity:1}.pac-container{z-index:1100!important}.success-message{background-color:#48bb78;color:#fff;padding:12px;border-radius:6px;margin-bottom:20px;text-align:center}.error-message{background-color:#ff4d4d;color:#fff;padding:12px;border-radius:6px;margin-bottom:20px;text-align:center}.google-auth-options{display:flex;flex-direction:column;margin-top:30px}.google-auth-options button{gap:10px}.google-auth-options img{width:5%}.google-btn{color:#fff;border:none;margin-top:-15px;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;background-color:#ff4d4d}.signup-btn{background-color:#ff4d4d}.google-btn{background-color:#fff;border:1px solid #ff4d4d;color:#2d3748}.google-btn:hover{opacity:.9}.or-divider{display:flex;align-items:center;justify-content:center;margin:10px 0}.or-divider:before,.or-divider:after{content:"";flex:1;border-top:1px solid #000;margin:0 10px}.or-divider span{font-weight:700;padding:0 5px}.notification{padding:4px 8px;border-radius:4px;margin-bottom:10px;font-size:.8rem;font-weight:500;position:relative;box-shadow:0 1px 2px #0000001a;animation:fadeInDown .3s ease-out forwards;text-align:center;line-height:1.2;max-height:30px;display:flex;align-items:center;justify-content:center}.notification.success{background-color:#d4edda;padding:40px 20px!important;font-size:1.2rem;color:#155724;border-left:2px solid #28a745}.notification.error{background-color:#f8d7da;color:#721c24;border-left:2px solid #dc3545}.notification.info{background-color:#d1ecf1;color:#0c5460;border-left:2px solid #17a2b8}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-in{animation:fadeInDown .3s ease-out forwards}.fade-out{animation:fadeOut .3s ease-out forwards}.loading,.error{text-align:center;padding:30px 20px!important;font-size:1.1rem;color:#4a5568}.profile-page{display:flex;min-height:calc(100vh - 80px);padding-top:80px;background-color:#f7fafc}.profile-sidebar{width:250px;background:#fff;padding:30px 0;border-right:1px solid #e2e8f0;position:absolute;height:auto;border-radius:10px}.profile-nav{display:flex;flex-direction:column;gap:10px;padding:0 20px}.nav-item{display:flex;align-items:center;gap:20px;padding-left:10px;border:none;background:none;color:#4a5568;font-size:1rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease;width:100%;text-align:left}.nav-item i{font-size:1.2rem;width:24px}.nav-item.active{background:#ff4d4d;color:#fff}.profile-main{flex:1;margin-left:250px;padding:30px}.profile-content{max-width:1000px;margin:0 auto}.profile-content h2{color:#2d3748;margin-bottom:30px;font-size:1.8rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.stat-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 4px #0000000d;text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-3px)}.stat-card i{font-size:2rem;color:#ff4d4d;margin-bottom:15px}.stat-card h3{color:#4a5568;font-size:1rem;margin-bottom:8px}.stat-card p{color:#2d3748;font-size:1.5rem;font-weight:600}.profile-grid{display:flex;flex-direction:column;gap:30px}.profile-section{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 4px #0000000d}.profile-section h3{color:#2d3748;margin-bottom:20px;font-size:1.2rem;padding-bottom:15px;border-bottom:2px solid #f7fafc}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.info-item{display:flex;flex-direction:column;gap:5px}.info-item label{color:#718096;font-size:.9rem}.info-item p{color:#2d3748;font-size:1rem;font-weight:500}.settings-grid{display:flex;flex-direction:column;gap:30px}.settings-section{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 4px #0000000d}.toggle-item{display:flex;justify-content:space-between;align-items:center}.btn-secondary,.btn-danger{padding:12px 24px;border-radius:8px;border:none;font-weight:500;cursor:pointer;transition:all .3s ease;margin-right:15px}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-danger{background:#ff4d4d;color:#fff}.btn-secondary:hover,.btn-danger:hover{transform:translateY(-2px)}.loading{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);color:#4a5568;font-size:1.2rem}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.edit-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ff4d4d;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.edit-button:hover{background:#f33;transform:translateY(-2px)}.mobile-tab-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;padding:12px;box-shadow:0 -2px 10px #0000001a;z-index:1000}.tab-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border:none;background:none;color:#718096;font-size:.9rem;cursor:pointer;transition:all .3s ease;flex:1}.tab-item.active{color:#ff4d4d}.tab-item svg{font-size:1.4rem}.info-item input,.info-item textarea{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.95rem;transition:all .3s ease}.info-item input:focus,.info-item textarea:focus{outline:none;border-color:#ff4d4d;box-shadow:0 0 0 1px #ff4d4d}.edit-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}@media (max-width: 768px){.profile-page{padding-bottom:80px}.modal-buttons{flex-direction:column-reverse}.modal-buttons button{width:100%}.profile-sidebar{display:none}.profile-main{margin-left:0;padding:20px}.mobile-tab-bar{display:flex;justify-content:space-around}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}.profile-section{padding:20px}.info-grid{grid-template-columns:1fr;gap:15px}.edit-actions{flex-direction:column}.edit-actions button{width:100%}.profile-header{flex-direction:column;gap:15px;align-items:flex-start}.edit-button{width:100%;justify-content:center}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:20px}.profile-content h2{font-size:1.5rem}.tab-item span{font-size:.8rem}}@media (prefers-color-scheme: dark){.mobile-tab-bar{background:#1a202c;border-top:1px solid #2d3748}.tab-item{color:#a0aec0}.tab-item.active{color:#ff4d4d}}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.toggle-item label{margin-right:15px;color:#4a5568}.btn-logout{width:100%;padding:12px;margin-top:15px;background-color:#718096;color:#fff;border:none;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s ease}.btn-logout:hover{background-color:#4a5568}.btn-logout i{font-size:1.1rem}.settings-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.settings-section h3{margin-bottom:15px;color:#2d3748;font-size:1.2rem}.form-section{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d}.form-section h3{color:#2d3748;margin-bottom:20px;font-size:1.2rem;padding-bottom:10px;border-bottom:2px solid #f7fafc}textarea{width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:5px;resize:vertical;min-height:100px}.info-item.full-width{grid-column:1 / -1}.info-item p{white-space:pre-wrap}.edit-actions{display:flex;gap:15px;margin-top:30px;justify-content:flex-end}.btn-save{padding:12px 24px;background-color:#ff4d4d;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn-save:hover{background-color:#f33;transform:translateY(-2px);box-shadow:0 4px 6px #ff4d4d33}.btn-save:active{transform:translateY(0)}.btn-cancel{padding:12px 24px;background-color:transparent;color:#4a5568;border:2px solid #e2e8f0;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn-cancel:hover{background-color:#f7fafc;border-color:#cbd5e0;transform:translateY(-2px)}.btn-cancel:active{transform:translateY(0)}.btn-save i,.btn-cancel i{font-size:1.1rem}@media (max-width: 640px){.edit-actions{flex-direction:column;gap:10px}.btn-save,.btn-cancel{width:100%;justify-content:center}}.btn-save.loading,.btn-cancel.loading{opacity:.7;cursor:not-allowed}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.btn-save.success{animation:successPulse .3s ease-in-out;background-color:#48bb78}.settings-section{padding:20px;max-width:600px;margin:0 auto}.settings-group{margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.settings-group h3{margin-bottom:15px;color:#2d3748}.settings-button{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;transition:all .3s ease;width:100%}.settings-button:hover{background:#edf2f7}.danger-zone{border:1px solid #fed7d7}.danger-zone h3{color:#e53e3e}.logout-account-button{display:flex;align-items:center;gap:10px;padding:12px 20px;margin-bottom:10px;background:#fff5f5;border:1px solid #feb2b2;border-radius:6px;color:#e53e3e;cursor:pointer;transition:all .3s ease;width:100%}.delete-account-button{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#fff5f5;border:1px solid #feb2b2;border-radius:6px;color:#e53e3e;cursor:pointer;transition:all .3s ease;width:100%}.delete-account-button:hover{background:#fed7d7}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:30px;border-radius:8px;width:90%;max-width:500px}.modal-content h2{margin-bottom:20px;color:#2d3748}.modal-buttons{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.modal-buttons .btn-secondary{margin-right:auto}.delete-button{background:#e53e3e;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;transition:background .3s ease}.delete-button:hover{background:#c53030}.preference-toggles{display:flex;flex-direction:column;gap:15px}.toggle-switch{display:flex;align-items:center;gap:10px;cursor:pointer}.toggle-slider{position:relative;width:50px;height:24px;background:#cbd5e0;border-radius:12px;transition:background .3s ease}.toggle-switch input{display:none}.toggle-switch input:checked+.toggle-slider{background:#48bb78}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:transform .3s ease}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.donors-page{padding:80px 20px 40px;max-width:1200px;margin:0 auto}.donors-page h1{color:#2d3748;margin-bottom:40px;font-size:2rem}.donors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:10px 0}.donor-card{background:#fff;border-radius:10px;padding:16px;box-shadow:0 2px 6px #0000000a;transition:all .2s ease;display:flex;flex-direction:column;min-height:160px;border:1px solid #f0f0f0}.donor-card:hover{transform:translateY(-3px);box-shadow:0 3px 10px #00000014;border-color:#e8e8e8}.blood-type{display:inline-flex;align-items:center;gap:6px;background:#fff0f0;color:#ff4d4d;padding:4px 12px;border-radius:15px;font-weight:600;font-size:.9rem;margin-bottom:12px;align-self:flex-start}.blood-type i{font-size:.9rem}.donor-card h3{color:#2d3748;font-size:1.1rem;font-weight:600;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.donor-details{display:flex;flex-direction:column;gap:8px;margin:8px 0;flex:1}.donor-details p{display:flex;align-items:center;gap:8px;color:#4a5568;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.donor-details i{color:#718096;width:14px;font-size:1rem;flex-shrink:0}.contact-buttons{margin-top:auto;padding-top:12px;display:flex;justify-content:center;align-items:center}.whatsapp-button{padding:8px 12px;background-color:#25d366;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;width:100%;margin:0 auto}.whatsapp-button:hover{background-color:#1ea952;transform:translateY(-1px)}.whatsapp-button i{font-size:1.1rem}.loading,.error{text-align:center;padding:60px 20px;font-size:1.1rem;color:#4a5568}.error{color:#e53e3e}.donor-filters{background:#fff;border:1px solid #f0f0f0;border-radius:10px;padding:16px;margin-bottom:20px;box-shadow:0 2px 6px #0000000a;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-label{font-weight:500;color:#2d3748;font-size:.95rem}.filter-select{padding:10px;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;background-color:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:1em;transition:border-color .2s ease,box-shadow .2s ease}.filter-select:focus{outline:none;border-color:#ff4d4d;box-shadow:0 0 0 1px #ff4d4d10}@media (max-width: 768px){.donors-page{padding:60px 15px 30px}.donors-page h1{font-size:1.8rem;margin-bottom:25px}}@media (max-width: 480px){.donor-card{padding:15px}.donor-filters{padding:12px;gap:10px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.donor-card{animation:fadeIn .2s ease-out}.empty-state{text-align:center;padding:40px 16px;color:#4a5568;font-size:1rem;background:#fff;border:1px solid #f0f0f0;border-radius:10px;box-shadow:0 2px 6px #0000000a}.help-grow-page{min-height:100vh;padding-top:80px}.hero-section{background:linear-gradient(#fffc,#fff6),url(/images/about-hero.jpg) center/cover;height:400px;display:flex;align-items:center;justify-content:center;text-align:center;color:#2d3748;border-radius:10px;border:1px solid #ff4d4d}.hero-content h1{font-size:3rem;margin-bottom:20px}.hero-content p{font-size:1.2rem;max-width:600px;margin:0 auto}.impact-section{padding:100px 20px;max-width:1200px;margin:0 auto}.impact-section h2{text-align:center;margin-bottom:40px;color:#2d3748}.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.impact-card{text-align:center;padding:30px;background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.impact-card:hover{transform:translateY(-5px)}.impact-icon{font-size:2.5rem;margin-bottom:20px}.impact-card h3{color:#2d3748;margin-bottom:15px}.donation-tiers{background:#f7fafc;padding:80px 20px}.donation-tiers h2{text-align:center;margin-bottom:40px;color:#2d3748}.tiers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto}.tier-card{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:center;position:relative;transition:transform .3s ease}.tier-card:hover{transform:translateY(-5px)}.tier-card.featured{border:2px solid #ff4d4d;transform:scale(1.05)}.featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#ff4d4d;color:#fff;padding:5px 15px;border-radius:20px;font-size:.9rem}.tier-card h3{color:#2d3748;margin-bottom:15px}.amount{font-size:2rem;color:#ff4d4d;margin-bottom:20px;font-weight:700}.tier-card ul{list-style:none;padding:0;margin-bottom:25px}.tier-card li{margin:10px 0;color:#4a5568}.donate-btn{background:#ff4d4d;color:#fff;border:none;padding:12px 30px;border-radius:25px;cursor:pointer;transition:background-color .3s ease;font-weight:500}.donate-btn:hover{background:#f33}.sponsor-section{padding:80px 20px;max-width:1200px;margin:0 auto}.sponsor-section h2{text-align:center;margin-bottom:40px;color:#2d3748}.sponsor-content{display:grid;grid-template-columns:1fr 2fr;gap:50px}.sponsor-info{padding:30px;background:#f7fafc;border-radius:10px}.sponsor-info h3{color:#2d3748;margin-bottom:20px}.sponsor-info ul{list-style:none;padding:0}.sponsor-info li{margin:15px 0;color:#4a5568;display:flex;align-items:center;gap:10px}.sponsor-info li:before{content:"✓";color:#ff4d4d;font-weight:700}.sponsor-form{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 6px #0000001a}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#2d3748}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:5px;font-size:1rem}.form-group textarea{height:120px;resize:vertical}.submit-btn{background:#ff4d4d;color:#fff;border:none;padding:12px 30px;border-radius:5px;cursor:pointer;width:100%;font-size:1rem;font-weight:500;transition:background-color .3s ease}.submit-btn:hover{background:#f33}@media (max-width: 1024px){.impact-grid,.tiers-grid{grid-template-columns:repeat(2,1fr)}.sponsor-content{grid-template-columns:1fr}}@media (max-width: 768px){.hero-content h1{font-size:2.5rem}.impact-grid,.tiers-grid{grid-template-columns:1fr}.tier-card.featured{transform:none}}@media (max-width: 480px){.hero-content h1{font-size:2rem}.impact-section,.donation-tiers,.sponsor-section{padding:40px 20px}}.compatibility-page{padding:80px 20px 40px;max-width:1200px;margin:0 auto}.compatibility-header{text-align:center;margin-bottom:40px}.compatibility-header h1{color:#2d3748;margin-bottom:10px}.compatibility-header p{color:#4a5568;font-size:1.1rem}.compatibility-table-container{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow-x:auto;margin-bottom:40px}.compatibility-table{width:100%;border-collapse:collapse}.compatibility-table th,.compatibility-table td{padding:15px 20px;text-align:left;border-bottom:1px solid #e2e8f0}.compatibility-table th{background-color:#f7fafc;color:#2d3748;font-weight:600}.blood-type-cell{font-weight:600;color:#ff4d4d;font-size:1.2rem}.blood-types-container{display:flex;flex-wrap:wrap;gap:8px}.blood-type-tag{background:#f7fafc;color:#2d3748;padding:4px 12px;border-radius:20px;font-size:.9rem;font-weight:500}.compatibility-info{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:40px}.info-card{background:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 6px #0000001a}.info-card h3{color:#2d3748;margin-bottom:10px;font-size:1.2rem}.info-card p{color:#4a5568;line-height:1.6}@media (max-width: 768px){.compatibility-info{grid-template-columns:1fr}.compatibility-table th,.compatibility-table td{padding:12px 15px}.blood-type-tag{padding:3px 10px;font-size:.8rem}}.blood-finder{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:40px}.finder-controls{display:flex;flex-direction:column;gap:20px;align-items:center;margin-bottom:30px}.search-type-toggle{display:flex;gap:10px;background:#f7fafc;padding:5px;border-radius:30px}.toggle-btn{padding:10px 20px;border:none;border-radius:25px;background:none;cursor:pointer;font-size:1rem;color:#4a5568;transition:all .3s ease}.toggle-btn.active{background:#ff4d4d;color:#fff}.blood-type-select{padding:12px 15px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;color:#2d3748;width:200px;cursor:pointer;background:#fff}.blood-type-select:focus{border-color:#ff4d4d;outline:none}.compatibility-result{text-align:center;padding:20px;background:#f7fafc;border-radius:8px}.compatibility-result h3{color:#2d3748;margin-bottom:20px;font-size:1.2rem}.compatible-types{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.result-tag{background:#ff4d4d;color:#fff;font-size:1.1rem;padding:8px 20px;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.finder-controls{gap:15px}.search-type-toggle{width:100%;flex-direction:column;background:none;gap:5px}.toggle-btn{width:100%;padding:12px}.blood-type-select{width:100%}}#root{max-width:1280px;margin:0 auto;padding:2rem;padding-bottom:0;text-align:center}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.admin-page{max-width:960px;margin:80px auto 32px;padding:0 16px}.admin-title{margin:0 0 8px;font-size:28px;font-weight:700;color:#111827}.admin-subtle{color:#6b7280;font-size:14px;margin-top:8px}.admin-form{margin-top:16px;display:flex;flex-direction:column;gap:12px}.admin-label{font-size:14px;color:#111827}.admin-row{display:flex;gap:10px;align-items:center}.admin-input{flex:1;padding:10px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:14px}.admin-hint{color:#6b7280;font-size:13px}.admin-error{color:#b91c1c;font-size:14px}.section{margin-top:24px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title{margin:0;font-size:18px;font-weight:600;color:#111827}.status{padding:4px 10px;border-radius:999px;font-size:13px;border:1px solid}.status.up{color:#065f46;background:#d1fae5;border-color:#10b981}.status.down{color:#7f1d1d;background:#fee2e2;border-color:#fca5a5}.health-line{margin-top:10px;font-size:14px;color:#111827}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;background:#f9fafb;padding:12px;border-radius:8px;border:1px solid #e5e7eb;overflow:auto}.stat-value{font-size:36px;font-weight:700;color:#111827}.table-wrap{margin-top:12px;overflow:auto;border:1px solid #e5e7eb;border-radius:8px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{padding:10px 12px;text-align:left;border-bottom:1px solid #f1f5f9}.table thead th{background:#f8fafc;color:#0f172a;font-weight:600}.table tbody tr:hover{background:#f9fafb}.table td.num,.table th.num{text-align:right}