:root{--primary-orange:#ff6b00;--primary-orange-hover:#e65a00;--secondary-green:#2d5a27;--secondary-green-soft:#edf6ec;--accent-blue:#0077b6;--accent-purple:#6d28d9;--text-dark:#1a1a1a;--text-muted:#555;--bg-light:#fdfdfd;--white:#fff;--glass:#fffc;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 10px 20px #00000014;--shadow-lg:0 20px 40px #0000001f;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-dark);background-color:var(--bg-light);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,.font-heading{font-family:Outfit,sans-serif;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-family:Inter,sans-serif;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--primary-orange);color:var(--white)}.btn-primary:hover{background-color:var(--primary-orange-hover);transform:translateY(-2px);box-shadow:0 10px 20px #ff6b004d}.btn-secondary{background-color:var(--secondary-green);color:var(--white)}.btn-secondary:hover{opacity:.9;transform:translateY(-2px)}.btn-ghost{border:2px solid var(--white);color:var(--white);background:0 0}.btn-ghost:hover{background:var(--white);color:var(--text-dark)}.section-padding{padding:100px 0}.section-title{text-align:center;margin-bottom:16px;font-size:2.5rem}.section-subtitle{color:var(--text-muted);text-align:center;max-width:600px;margin-bottom:60px;margin-left:auto;margin-right:auto;font-size:1.1rem}@media (width<=768px){.section-title{font-size:2rem}.section-padding{padding:60px 0}}.navbar{z-index:1000;width:100%;transition:var(--transition-smooth);background:0 0;padding:20px 0;position:fixed;top:0;left:0}.navbar.scrolled{box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;padding:12px 0}.nav-inner{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--white);text-shadow:0 2px 6px #00000080;transition:var(--transition-smooth);align-items:center;gap:12px;text-decoration:none;display:flex}.navbar.scrolled .logo{color:var(--text-dark);text-shadow:none}.logo-img{border:2px solid var(--white);border-radius:8px;height:50px}.navbar.scrolled .logo-img{border-color:var(--primary-orange)}.logo-text{letter-spacing:1px;font-size:1.3rem;font-weight:600}.nav-links{align-items:center;gap:24px;list-style:none;display:flex}.nav-links li a{color:var(--white);text-shadow:0 1px 4px #0006;transition:var(--transition-smooth);padding:8px 0;font-size:1rem;font-weight:600;text-decoration:none}.navbar.scrolled .nav-links li a{color:var(--text-dark);text-shadow:none}.nav-links li a:hover{color:var(--primary-orange)!important}.dropdown{margin-bottom:-10px;padding-bottom:10px;position:relative}.dropdown-trigger{color:var(--white);text-shadow:0 1px 4px #0006;cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:8px;font-weight:600;display:flex}.navbar.scrolled .dropdown-trigger{color:var(--text-dark);text-shadow:none}.dropdown-menu{background:var(--white);min-width:240px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;border-top:3px solid var(--primary-orange);border-radius:12px;padding:12px 0;list-style:none;transition:all .3s;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(10px)}.dropdown:hover .dropdown-menu,.dropdown.open .dropdown-menu{opacity:1;visibility:visible;display:block;transform:translate(-50%)translateY(0)}.dropdown-menu li a{align-items:center;gap:12px;font-size:.95rem;color:var(--text-dark)!important;text-shadow:none!important;padding:12px 24px!important;font-weight:500!important;display:flex!important}.dropdown-menu li a:hover{background:var(--secondary-green-soft);color:var(--secondary-green)!important;padding-left:30px!important}.hamburger{color:var(--white);cursor:pointer;text-shadow:0 2px 4px #0000004d;background:0 0;border:none;font-size:1.8rem;display:none}.navbar.scrolled .hamburger{color:var(--text-dark);text-shadow:none}@media (width<=992px){.hamburger{display:block}.nav-links{background:var(--white);width:320px;height:100vh;transition:var(--transition-smooth);flex-direction:column;align-items:flex-start;padding:100px 40px;position:fixed;top:0;right:-100%;overflow-y:auto;box-shadow:-10px 0 40px #0003}.nav-links.active{right:0}.nav-links li{width:100%}.nav-links li a{border-bottom:1px solid #eee;padding:15px 0;font-size:1.1rem;display:block;color:var(--text-dark)!important;text-shadow:none!important}.dropdown-trigger{color:var(--text-dark);text-shadow:none;border-bottom:1px solid #eee;justify-content:space-between;padding:15px 0}.dropdown-menu{box-shadow:none;opacity:1;visibility:visible;border-top:none;border-left:3px solid var(--primary-orange);min-width:100%;margin:10px 0;padding-left:20px;display:none;position:static;transform:none}.dropdown.open .dropdown-menu{display:block}}.admin-nav-link{opacity:.8;align-items:center;gap:6px;display:flex;font-size:.85rem!important}.admin-nav-link i{font-size:.75rem}.admin-nav-link:hover{opacity:1}.nav-cta{white-space:nowrap!important;border-radius:8px!important;height:auto!important;padding:12px 24px!important;font-size:.95rem!important;line-height:1!important;display:inline-flex!important}.hero{min-height:90vh;color:var(--white);background:url(/hero-animal.png) 50%/cover no-repeat;align-items:center;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.hero-overlay{z-index:1;background:linear-gradient(#000000b3,#00000080);width:100%;height:100%;position:absolute;top:0;left:0}.hero-inner{z-index:2;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;display:grid;position:relative}.hero-content .badge{background:var(--primary-orange);color:var(--white);text-transform:uppercase;letter-spacing:1px;border-radius:50px;margin-bottom:24px;padding:8px 16px;font-size:.95rem;font-weight:700;display:inline-block}.hero-content h1{text-shadow:0 4px 10px #0000004d;margin-bottom:24px;font-size:3.8rem;font-weight:800;line-height:1.1}.hero-content h1 em{color:var(--primary-orange);font-style:normal}.hero-content p{opacity:.9;max-width:550px;margin-bottom:40px;font-size:1.25rem}.hero-btns{gap:20px;margin-bottom:40px;display:flex}.btn-lg{padding:16px 36px;font-size:1.1rem}.hero-trust{opacity:.8;font-size:.9rem}.hero-img-wrap{position:relative}.hero-photo{width:100%;box-shadow:var(--shadow-lg);border-radius:24px}.hero-badge-float{background:var(--white);color:var(--text-dark);box-shadow:var(--shadow-lg);border-radius:16px;align-items:center;gap:15px;padding:20px 30px;display:flex;position:absolute;bottom:-30px;left:-30px}.hero-badge-float i{color:var(--primary-orange);font-size:2rem}.hero-badge-float span{font-size:1.2rem;font-weight:700}@media (width<=992px){.hero{min-height:auto;padding-top:140px}.hero-inner{text-align:center;grid-template-columns:1fr}.hero-content p{margin-left:auto;margin-right:auto}.hero-btns{justify-content:center}.hero-img-wrap{margin-top:40px}.hero-badge-float{left:50%;transform:translate(-50%)}}@media (width<=768px){.hero-content h1{font-size:2.5rem}}.trust-bar{background:var(--secondary-green);color:var(--white);border-bottom:1px solid #ffffff1a;padding:24px 0}.trust-inner{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.trust-item{justify-content:center;align-items:center;gap:15px;font-size:1.1rem;font-weight:600;display:flex}.trust-item i{color:var(--primary-orange);font-size:1.4rem}@media (width<=768px){.trust-inner{grid-template-columns:1fr;gap:20px}}.impact-section{background-color:var(--white)}.impact-grid{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.counter-card{background:var(--white);text-align:center;box-shadow:var(--shadow-md);transition:var(--transition-smooth);border:1px solid #f0f0f0;border-radius:20px;padding:40px 30px}.counter-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.counter-icon{background:var(--secondary-green-soft);width:70px;height:70px;color:var(--secondary-green);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:1.8rem;display:flex}.counter-number{color:var(--text-dark);margin-bottom:8px;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800}.counter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:1rem;font-weight:500}@media (width<=992px){.impact-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.impact-grid{grid-template-columns:1fr}}.work-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.work-card{cursor:pointer;border-radius:24px;height:450px;position:relative;overflow:hidden}.work-img{width:100%;height:100%;transition:var(--transition-smooth);background-position:50%;background-size:cover}.work-card:hover .work-img{transform:scale(1.1)}.work-overlay{width:100%;height:100%;color:var(--white);transition:var(--transition-smooth);background:linear-gradient(#0000001a 0%,#0003 40%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:40px;display:flex;position:absolute;top:0;left:0}.work-icon{background:var(--primary-orange);border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:24px;font-size:1.5rem;display:flex}.work-card h3{margin-bottom:12px;font-size:1.8rem}.work-card p{opacity:.9;max-width:250px;margin-bottom:24px;font-size:1rem}.work-cta{color:var(--primary-orange);opacity:0;transition:var(--transition-smooth);font-size:1.1rem;font-weight:700;text-decoration:none;transform:translateY(10px)}.work-card:hover .work-cta{opacity:1;transform:translateY(0)}@media (width<=992px){.work-grid{grid-template-columns:1fr}.work-card{height:350px}.work-cta{opacity:1;transform:translateY(0)}}.donation-section{background:#f8f9fa}.donation-card{background:var(--white);max-width:800px;box-shadow:var(--shadow-lg);text-align:center;border-radius:32px;margin:0 auto;padding:60px}.donation-header h2{margin-bottom:15px;font-size:2.5rem}.donation-header p{color:var(--text-muted);margin-bottom:40px}.donation-toggle{background:#f0f0f0;border-radius:100px;margin-bottom:40px;padding:6px;display:inline-flex}.donation-toggle button{cursor:pointer;transition:var(--transition-smooth);color:var(--text-muted);background:0 0;border:none;border-radius:100px;padding:12px 30px;font-weight:700}.donation-toggle button.active{background:var(--white);color:var(--primary-orange);box-shadow:var(--shadow-sm)}.amount-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:30px;display:grid}.amount-grid button{background:var(--white);cursor:pointer;transition:var(--transition-smooth);border:2px solid #eee;border-radius:16px;padding:20px;font-size:1.2rem;font-weight:700}.amount-grid button:hover,.amount-grid button.active{border-color:var(--primary-orange);background:var(--primary-orange);color:var(--white)}.custom-input{max-width:400px;margin:0 auto 40px;position:relative}.custom-input .currency{color:var(--text-dark);font-size:1.5rem;font-weight:700;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.custom-input input{color:#000;border:2px solid #eee;border-radius:16px;width:100%;padding:15px 15px 15px 45px;font-size:1.2rem;font-weight:700}.custom-input input:focus{border-color:var(--primary-orange);outline:none}.btn-xl{padding:20px 60px;font-size:1.3rem}.donate-btn{width:100%;max-width:400px}.donation-footer{border-top:1px solid #eee;margin-top:60px;padding-top:40px}.payment-options{justify-content:space-around;align-items:center;gap:40px;display:flex}.upi-info h3{margin-bottom:10px;font-size:1.2rem}.upi-id{color:var(--secondary-green);margin-bottom:15px;font-size:1rem}.qr-code{border-radius:12px;width:150px}.razor-btn{color:var(--white);cursor:pointer;background:#024;border:none;border-radius:8px;align-items:center;gap:10px;padding:12px 24px;font-weight:600;display:flex}@media (width<=768px){.donation-card{padding:30px}.amount-grid{grid-template-columns:repeat(2,1fr)}.payment-options{flex-direction:column}}.stories-section{background:var(--white);scroll-margin-top:100px}.story-carousel{align-items:center;gap:20px;max-width:1000px;margin:0 auto;display:flex}.story-viewport{flex:1;overflow:hidden}.story-card-wrapper{flex-direction:column;gap:30px;display:flex}.before-after-container{justify-content:center;align-items:center;gap:20px;display:flex}.ba-image{aspect-ratio:4/3;box-shadow:var(--shadow-md);border-radius:20px;flex:1;position:relative;overflow:hidden}.ba-image img{object-fit:cover;width:100%;height:100%}.ba-label{color:#fff;text-transform:uppercase;background:#0009;border-radius:4px;padding:5px 12px;font-size:.8rem;font-weight:700;position:absolute;top:15px;left:15px}.ba-label.healed{background:var(--secondary-green)}.ba-arrow{color:var(--primary-orange);font-size:2rem}.story-details{text-align:center;padding:20px}.story-details h3{color:var(--secondary-green);margin-bottom:12px;font-size:1.8rem}.story-details p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.carousel-btn{background:var(--white);cursor:pointer;width:50px;height:50px;transition:var(--transition-smooth);color:var(--text-dark);border:2px solid #eee;border-radius:50%;justify-content:center;align-items:center;display:flex}.carousel-btn:hover{background:var(--primary-orange);color:var(--white);border-color:var(--primary-orange)}@media (width<=768px){.before-after-container{flex-direction:column}.ba-arrow{margin:10px 0;transform:rotate(90deg)}}.testimonials-section{background:var(--secondary-green-soft)}.testimonial-slider{text-align:center;max-width:800px;margin:0 auto}.testimonial-card{background:var(--white);box-shadow:var(--shadow-lg);border-radius:32px;margin-bottom:30px;padding:60px 40px}.quote-icon{color:var(--primary-orange);opacity:.2;margin-bottom:30px;font-size:3rem}.testimonial-text{color:var(--text-dark);margin-bottom:30px;font-size:1.5rem;font-style:italic;line-height:1.5}.testimonial-author{flex-direction:column;gap:5px;display:flex}.testimonial-author strong{color:var(--secondary-green);font-size:1.1rem}.testimonial-author span{color:var(--text-muted);font-size:.9rem}.testimonial-dots{justify-content:center;gap:10px;display:flex}.dot{cursor:pointer;width:12px;height:12px;transition:var(--transition-smooth);background:#ccc;border-radius:50%}.dot.active{background:var(--primary-orange);border-radius:10px;width:30px}.volunteer-cta{background:#f0f0f0}.cta-box{background:var(--white);text-align:center;box-shadow:var(--shadow-lg);background-image:linear-gradient(#ffffffe6,#ffffffe6),url(/img-hero-team.jpg);background-position:50%;background-size:cover;border-radius:40px;padding:80px 40px}.cta-content h2{color:var(--secondary-green);margin-bottom:24px;font-size:3rem}.cta-content p{color:var(--text-muted);max-width:700px;margin:0 auto 40px;font-size:1.2rem}@media (width<=768px){.cta-content h2{font-size:2rem}}.footer{background:var(--text-dark);color:var(--white);padding:80px 0 40px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:60px;margin-bottom:60px;display:grid}.footer-logo{border-radius:8px;height:60px;margin-bottom:24px}.footer-brand p{color:#ffffffb3;margin-bottom:30px;font-size:1rem;line-height:1.8}.social-icons{gap:15px;display:flex}.social-icons a{width:45px;height:45px;color:var(--white);transition:var(--transition-smooth);background:#ffffff1a;border-radius:12px;justify-content:center;align-items:center;text-decoration:none;display:flex}.social-icons a:hover{background:var(--primary-orange);transform:translateY(-5px)}.footer-links h4,.footer-contact h4{color:var(--primary-orange);margin-bottom:24px;font-size:1.2rem}.footer-links ul{list-style:none}.footer-links ul li{margin-bottom:12px}.footer-links ul li a{color:#ffffffb3;transition:var(--transition-smooth);text-decoration:none}.footer-links ul li a:hover{color:var(--white);padding-left:5px}.footer-contact p{color:#ffffffb3;align-items:center;gap:12px;margin-bottom:15px;display:flex}.footer-contact i{color:var(--primary-orange)}.upi-footer{background:#ffffff0d;border-radius:8px;margin-top:20px;padding:10px 15px}.footer-bottom{text-align:center;color:#ffffff80;border-top:1px solid #ffffff1a;padding-top:40px;font-size:.9rem}@media (width<=992px){.footer-grid{grid-template-columns:1fr;gap:40px}}.floating-elements{pointer-events:none;z-index:1000;justify-content:space-between;align-items:flex-end;width:100%;padding:0 30px;display:flex;position:fixed;bottom:30px}.social-bar{pointer-events:auto;flex-direction:column;gap:10px;display:flex}.social-btn{color:#fff;width:50px;height:50px;box-shadow:var(--shadow-md);transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;text-decoration:none;display:flex}.social-btn.wa{background:#25d366}.social-btn.ig{background:#e4405f}.social-btn.fb{background:#1877f2}.social-btn:hover{transform:scale(1.1)rotate(5deg)}.float-btn{pointer-events:auto;color:var(--white);background:var(--primary-orange);box-shadow:var(--shadow-lg);transition:var(--transition-smooth);border-radius:50px;align-items:center;gap:12px;padding:16px 32px;font-weight:700;text-decoration:none;display:flex}.float-btn:hover{background:var(--primary-orange-hover);transform:translateY(-5px)}@media (width<=768px){.floating-elements{padding:0 15px;bottom:20px}.float-btn span{display:none}.float-btn{padding:15px}.social-btn{width:45px;height:45px;font-size:1.2rem}}.about-hero{color:var(--white);text-align:center;background-color:#0000;background-image:linear-gradient(#0009,#0009),url(/img-hero-team.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:160px 0 100px}.about-hero h1{margin-bottom:20px;font-size:3.5rem;font-weight:800}.grid-2{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.rounded-img{width:100%;box-shadow:var(--shadow-lg);border-radius:30px}.bg-light{background:#f8f9fa}.mission-card,.vision-card{background:var(--white);box-shadow:var(--shadow-lg);text-align:center;border:1px solid #0000000d;border-radius:20px;padding:40px;transition:transform .3s}.mission-card:hover,.vision-card:hover{transform:translateY(-10px)}.mission-card i,.vision-card i{color:var(--primary-blue);margin-bottom:20px;font-size:3rem}.team-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px;display:grid}.team-member{text-align:center}.team-member img{object-fit:cover;border:5px solid var(--secondary-green-soft);border-radius:50%;width:200px;height:200px;margin-bottom:20px}.video-container{max-width:900px;box-shadow:var(--shadow-lg);border-radius:24px;margin:0 auto;overflow:hidden}.video-container video{width:100%;display:block}@media (width<=768px){.grid-2{grid-template-columns:1fr}.about-hero h1{font-size:2.5rem}}.founder-card{background:var(--white);box-shadow:var(--shadow-xl);border:1px solid #0000000d;border-radius:30px;grid-template-columns:400px 1fr;align-items:center;gap:60px;padding:60px;display:grid}.founder-image{position:relative}.founder-image img{object-fit:cover;width:100%;height:500px;box-shadow:var(--shadow-lg);border-radius:20px}.founder-name-tag{background:var(--primary-orange);color:var(--white);z-index:2;border-radius:12px;padding:15px 25px;position:absolute;bottom:-20px;left:20px;right:20px;box-shadow:0 10px 25px #ff6b004d}.founder-name-tag h3{margin:0;font-size:1.4rem;font-weight:700}.founder-name-tag p{opacity:.9;margin:0;font-size:.9rem}.founder-message{position:relative}.quote-icon{color:var(--primary-blue);opacity:.1;font-size:3rem;position:absolute;top:-20px;left:-10px}.founder-message h2{color:var(--text-dark);margin-bottom:25px;font-size:2.5rem}.founder-message p{color:var(--text-muted);margin-bottom:20px;font-size:1.1rem;line-height:1.8}.founder-signature{border-top:1px solid #0000001a;margin-top:30px;padding-top:20px}.founder-signature p{margin-bottom:5px;font-style:italic}@media (width<=992px){.founder-card{grid-template-columns:1fr;gap:40px;padding:40px}.founder-image img{height:400px}}.animal-care-page{background-color:var(--white)}.animal-care-hero{text-align:center;height:70vh;color:var(--white);background-color:#0000;background-image:linear-gradient(#0009,#0009),url(/hero-animal.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;display:flex}.animal-care-hero h1{margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:800}.animal-care-hero p{opacity:.9;max-width:800px;margin:0 auto;font-size:1.25rem}.impact-stats-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:3rem;display:grid}@media (width<=992px){.impact-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.impact-stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--white);text-align:center;border-radius:20px;padding:2.5rem 2rem;transition:transform .3s;box-shadow:0 10px 30px #0000000d}.stat-card:hover{transform:translateY(-10px)}.stat-card i{color:var(--primary-color);margin-bottom:1.5rem;font-size:2.5rem}.stat-card h3{color:var(--secondary-color);margin-bottom:.5rem;font-size:2rem}.stat-card p{color:var(--text-muted);font-weight:500}.struggle-section{background-color:#f8f9fa;position:relative;overflow:hidden}.struggle-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 70% 30%,#fffc 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.ambulance-callout{color:var(--secondary-color);text-align:left;background:0 0;border-radius:0;grid-template-columns:1fr 1fr;align-items:center;gap:5rem;margin-top:4rem;padding:0;display:grid}.ambulance-text{padding-right:2rem}.ambulance-callout h2{color:#2d3748;letter-spacing:-1px;margin-bottom:2rem;font-size:3rem;font-weight:300;line-height:1.2}.ambulance-callout p{color:#718096;margin-bottom:2rem;font-size:1.2rem;font-weight:300;line-height:1.9}.ambulance-callout .badge-light{color:#4a5568;text-transform:uppercase;letter-spacing:2px;background:#e2e8f0;border-radius:4px;margin-bottom:2rem;padding:6px 12px;font-size:.7rem}.ambulance-image{perspective:1000px;position:relative}.ambulance-image img{background:#fff;border-radius:40px;width:100%;padding:10px;transition:transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(-20px)rotateX(10deg);box-shadow:0 40px 100px #00000014}.ambulance-image:after{content:"";filter:blur(20px);background:radial-gradient(#0000000d 0%,#0000 70%);width:80%;height:40px;transition:transform .8s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-40px;left:10%;transform:scale(.8)}.ambulance-image:hover img{transform:translateY(-40px)rotateX(15deg)}.ambulance-image:hover:after{transform:scale(1.1)}.list-styled{padding:0;list-style:none}.list-styled li{color:#4a5568;margin-bottom:1.5rem;padding-left:2rem;font-weight:400;position:relative}.list-styled li:before{content:"—";color:#cbd5e0;position:absolute;left:0}.needs-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.need-item{background:var(--white);border-radius:16px;align-items:flex-start;gap:1.5rem;padding:2rem;display:flex;box-shadow:0 5px 15px #00000008}.need-icon{background:var(--light-bg);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.need-icon i{color:var(--primary-color);font-size:1.5rem}.need-text h4{color:var(--secondary-color);margin-bottom:.5rem}.need-text p{color:var(--text-muted);font-size:.95rem}.donation-tiers{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem;display:grid}.tier-card{background:var(--white);border:2px solid var(--light-bg);text-align:center;border-radius:24px;padding:3rem 2rem;transition:all .3s}.tier-card.featured{border-color:var(--primary-color);background:linear-gradient(135deg,#fffcf9 0%,#fff 100%);position:relative}.tier-card.featured:after{content:"Most Critical";background:var(--primary-color);color:var(--white);border-radius:20px;padding:4px 16px;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.tier-card h3{color:var(--secondary-color);margin-bottom:1rem;font-size:2.5rem}.tier-card h4{color:var(--primary-color);margin-bottom:1.5rem}.tier-card p{color:var(--text-muted);min-height:3em;margin-bottom:2rem;font-size:.9rem}.mission-banner{background:var(--secondary-color);color:var(--white);text-align:center;padding:5rem 0}.mission-banner h2{color:var(--white);max-width:900px;margin:0 auto 2rem;font-size:2.5rem;line-height:1.4}@media (width<=768px){.ambulance-callout{text-align:center;grid-template-columns:1fr;padding:2rem}.animal-care-hero{height:50vh}}.initiative-image-container{background:var(--white);border-radius:20px;max-width:900px;margin:0 auto;padding:10px;overflow:hidden;box-shadow:0 15px 40px #0000001a}.initiative-infographic{border-radius:12px;width:100%;height:auto;display:block}.legal-hero{color:var(--white);text-align:center;background-color:#0000;background-image:linear-gradient(#000c,#000c),url(/hero-animal.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:150px 0 100px}.legal-hero h1{font-size:3.5rem}.legal-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.legal-card{background:var(--white);box-shadow:var(--shadow-md);text-align:center;border-radius:20px;padding:40px}.legal-card i{color:var(--primary-orange);margin-bottom:20px;font-size:2.5rem}.download-btns{flex-direction:column;gap:10px;margin-top:20px;display:flex}.complaint-form-box{background:var(--white);max-width:600px;box-shadow:var(--shadow-lg);border-radius:30px;margin:0 auto;padding:50px}.form-group{text-align:left;margin-bottom:20px}.form-group label{margin-bottom:8px;font-weight:600;display:block}.form-group input{border:1px solid #ddd;border-radius:8px;width:100%;padding:12px 16px}.w-100{width:100%}@media (width<=992px){.legal-grid{grid-template-columns:1fr}}.adoption-page{min-height:100vh}.adoption-hero{color:var(--white);text-align:center;background-color:#0000;background-image:linear-gradient(#0009,#00000080),url(/Adoption%20photo.jpeg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:160px 0 100px}.success-spotlight{background:var(--white);box-shadow:var(--shadow-xl);border-radius:30px;grid-template-columns:1fr 1fr;align-items:center;gap:50px;margin-top:60px;display:grid;overflow:hidden}.spotlight-img{height:100%;min-height:400px}.spotlight-img img{object-fit:cover;width:100%;height:100%}.spotlight-content{padding:50px}.spotlight-content h2{color:var(--primary-blue);margin-bottom:20px;font-size:2rem}@media (width<=992px){.success-spotlight{grid-template-columns:1fr}.spotlight-content{padding:30px}}.pet-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.pet-card{background:var(--white);box-shadow:var(--shadow-md);transition:var(--transition-smooth);border-radius:20px;overflow:hidden}.pet-card:hover{transform:translateY(-10px)}.pet-card img{object-fit:cover;width:100%;height:250px}.pet-info{padding:25px}.pet-age{background:var(--secondary-green-soft);color:var(--secondary-green);border-radius:50px;margin-bottom:12px;padding:4px 12px;font-size:.85rem;font-weight:700;display:inline-block}.pet-info p{color:var(--text-muted);margin-bottom:20px}.form-box{background:var(--white);max-width:800px;box-shadow:var(--shadow-lg);border-radius:30px;margin:0 auto;padding:50px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}textarea{border:1px solid #ddd;border-radius:12px;width:100%;min-height:120px;padding:15px}@media (width<=992px){.pet-grid{grid-template-columns:1fr}}.image-carousel{aspect-ratio:4/3;width:100%;box-shadow:var(--shadow-lg);background:#f1f5f9;border-radius:24px;position:relative;overflow:hidden}.carousel-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.carousel-img{object-fit:cover;border-radius:24px;width:100%;height:100%;position:absolute}.carousel-btn{cursor:pointer;z-index:10;width:44px;height:44px;color:var(--text-dark);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn:hover{background:#fff;box-shadow:0 4px 12px #0000001a}.carousel-btn.prev{left:15px}.carousel-btn.next{right:15px}.carousel-dots{z-index:10;gap:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.carousel-dot{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.carousel-dot.active{background:#fff;border-radius:4px;width:24px}.carousel-placeholder{background:#f1f5f9;border-radius:24px;justify-content:center;align-items:center;width:100%;height:300px;display:flex}.media-hero{background:var(--text-dark);color:var(--white);text-align:center;padding:120px 0 80px}.image-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.gallery-item{box-shadow:var(--shadow-md);background:#fff;border:1px solid #eee;border-radius:15px;flex-direction:column;display:flex;overflow:hidden}.img-wrapper{aspect-ratio:4/3;width:100%;overflow:hidden}.img-wrapper img{object-fit:cover;width:100%;height:100%;transition:var(--transition-smooth)}.gallery-item:hover .img-wrapper img{transform:scale(1.05)}.gallery-caption{text-align:center;padding:15px}.gallery-caption h4{color:var(--text-dark);margin:0;font-size:1.1rem;font-weight:600}@media (width<=768px){.image-grid{grid-template-columns:1fr}}.csr-hero{color:var(--white);text-align:center;background-color:#0000;background-image:linear-gradient(#2d5a27cc,#2d5a27cc),url(/img-tree-planting.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:150px 0 100px}.impact-list{margin:30px 0;list-style:none}.impact-list li{align-items:center;gap:15px;margin-bottom:15px;font-size:1.1rem;font-weight:500;display:flex}.impact-list i{color:var(--primary-orange)}.csr-stats-cards{flex-direction:column;gap:20px;display:flex}.csr-stat-card{background:var(--white);box-shadow:var(--shadow-md);text-align:center;border-left:8px solid var(--secondary-green);border-radius:24px;padding:40px}.csr-stat-card h3{color:var(--primary-orange);font-size:2.5rem}.opp-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.opp-card{background:var(--white);text-align:center;box-shadow:var(--shadow-md);border-radius:20px;padding:40px}.opp-card i{color:var(--secondary-green);margin-bottom:20px;font-size:2.5rem}.contact-hero{color:var(--white);text-align:center;background-color:#0000;background-image:linear-gradient(#0009,#0009),url(/img-hero-team.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:160px 0 100px}.contact-hero h1{margin-bottom:20px;font-size:3.5rem;font-weight:800}.contact-info-box{padding-right:40px}.info-item{gap:20px;margin-bottom:30px;display:flex}.info-item i{background:var(--white);width:60px;height:60px;color:var(--primary-blue);box-shadow:var(--shadow-md);border-radius:20px;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.contact-form-box{background:var(--white);box-shadow:var(--shadow-xl);border:1px solid #0000000d;border-radius:20px;padding:40px}.social-links-contact{gap:15px;margin-top:40px;display:flex}.social-links-contact a{color:var(--primary-blue);font-size:1.8rem;transition:transform .3s}.social-links-contact a:hover{color:var(--primary-orange);transform:scale(1.2)}.env-hero{color:#fff;text-align:center;background:linear-gradient(#000000b3,#0009),url(/img-env-hero.png) 50%/cover;align-items:center;min-height:60vh;display:flex}.env-hero h1{font-size:3.5rem;font-weight:800}.env-hero p{max-width:700px;margin:20px auto;font-size:1.2rem}.insta-impact-card{color:#fff;text-align:center;cursor:pointer;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);border-radius:25px;flex-direction:column;align-items:center;gap:15px;margin-top:50px;padding:40px;text-decoration:none;transition:transform .3s;display:flex;box-shadow:0 15px 35px #fd1d1d4d}.insta-impact-card:hover{transform:translateY(-5px)scale(1.02)}.insta-impact-card i{margin-bottom:10px;font-size:3rem}.insta-impact-card h3{color:#fff;margin:0;font-size:1.8rem}.insta-impact-card p{color:#ffffffe6;margin:0}.env-grid{grid-template-columns:repeat(2,1fr);gap:30px;margin-top:40px;display:grid}.env-card{background:#fff;border-radius:20px;flex-direction:column;align-items:flex-start;padding:30px;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000000d}.env-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.env-icon{width:60px;height:60px;color:var(--primary-blue,#1f3a5f);background:#1f3a5f1a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;font-size:1.5rem;display:flex}.env-card h3{color:var(--primary-blue,#1f3a5f);margin-bottom:15px;font-size:1.5rem}.env-card p{color:#666;flex-grow:1;margin-bottom:25px}.env-card img{object-fit:cover;border-radius:12px;width:100%;height:200px}.action-showcase{grid-template-columns:1.2fr .8fr;gap:30px;margin-top:40px;display:grid}.action-images{grid-template-rows:repeat(2,220px);grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.gallery-item-alt{box-shadow:var(--shadow-md);background:#e2e8f0;border-radius:20px;overflow:hidden}.gallery-item-alt img{object-fit:cover;width:100%;height:100%;display:block}.video-card{box-shadow:var(--shadow-lg);background:#1a1a1a;border-radius:24px;width:100%;position:relative;overflow:hidden}.video-card video{width:100%;display:block}.video-overlay-text{color:#fff;pointer-events:none;background:linear-gradient(#0000,#000c);align-items:center;gap:15px;padding:30px;display:flex;position:absolute;bottom:0;left:0;right:0}.video-overlay-text i{color:var(--primary-orange,#ff6b35);font-size:2.5rem}.video-overlay-text span{letter-spacing:.5px;font-size:1.1rem;font-weight:600}@media (width<=991px){.action-showcase{grid-template-columns:1fr}.video-card{height:400px}}@media (width<=768px){.action-images{grid-template-rows:auto;grid-template-columns:1fr}.gallery-item-alt{height:250px;grid-column:span 1!important}}.story-container{background:#fff;border-radius:30px;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:50px;display:grid;box-shadow:0 15px 40px #0000000d}.story-images{height:400px;position:relative}.before-image,.after-image{border-radius:20px;position:absolute;overflow:hidden;box-shadow:0 10px 30px #00000026}.before-image{z-index:1;width:70%;height:250px;top:0;left:0}.after-image{z-index:2;border:5px solid #fff;width:75%;height:280px;bottom:0;right:0}.before-image img,.after-image img{object-fit:cover;width:100%;height:100%}.image-label{color:#fff;background:#000000b3;border-radius:20px;padding:5px 15px;font-size:.9rem;font-weight:500;position:absolute;bottom:15px;left:15px}@media (width<=991px){.story-container{grid-template-columns:1fr;padding:30px}.story-images{margin-top:30px}}@media (width<=768px){.env-grid,.gallery-grid{grid-template-columns:1fr}.video-item{grid-column:span 1}}.social-hero{color:#fff;text-align:center;background:linear-gradient(#000000b3,#0009),url(/img-hero-team.jpg) 50%/cover;align-items:center;min-height:60vh;display:flex}.social-hero h1{margin-bottom:20px;font-size:3.5rem;font-weight:800}.social-hero p{max-width:700px;margin:0 auto 30px;font-size:1.2rem}.programs-grid{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:30px;display:flex}.program-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#fffc;border:1px solid #ffffff4d;border-radius:20px;flex-direction:column;flex:calc(33.333% - 30px);min-width:280px;max-width:380px;padding:40px 30px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;display:flex;box-shadow:0 10px 30px #0000000d}.program-card img{object-fit:cover;border-radius:12px;width:100%;height:180px;margin-top:20px}.program-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.program-icon{width:80px;height:80px;color:var(--primary-orange,#ff6b35);background:#ff6b351a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:2rem;transition:transform .3s;display:flex}.program-card:hover .program-icon{transform:scale(1.1)}.program-card h3{color:var(--primary-blue,#1f3a5f);margin-bottom:15px;font-size:1.4rem}.program-card p{color:#666;line-height:1.6}.gallery-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:250px;gap:20px;display:grid}.full-width-video{grid-area:span 2/1/auto/-1}.gallery-item{border-radius:20px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.gallery-item:hover img{transform:scale(1.05)}.video-wrapper{width:100%;height:100%;min-height:500px;position:relative}.video-wrapper iframe{width:100%;height:100%;position:absolute;top:0;left:0}.story-container{background:#fff;border-radius:30px;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:0;display:grid;overflow:hidden;box-shadow:0 15px 40px #0000000d}.story-image-single{width:100%;height:100%;min-height:400px}.story-image-single img{object-fit:cover;width:100%;height:100%}.story-content{padding:50px 50px 50px 0}.badge{color:var(--primary-orange,#ff6b35);background:#ff6b351a;border-radius:20px;margin-bottom:20px;padding:8px 16px;font-size:.9rem;font-weight:600;display:inline-block}.story-content h2{color:var(--primary-blue,#1f3a5f);margin-bottom:20px}.story-content p{color:#555;margin-bottom:15px;line-height:1.8}@media (width<=991px){.story-container{grid-template-columns:1fr}.story-content{padding:40px}.story-image-single{min-height:300px}.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.programs-grid{flex-direction:column}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:200px}.full-width-video{grid-row:span 1;min-height:250px}.video-wrapper{min-height:250px}}.volunteer-page{width:100%}.volunteer-hero{color:var(--white);text-align:center;background-color:#0000;background-image:linear-gradient(#0009,#0009),url(/img-hero-team.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:160px 0 100px}.volunteer-hero h1{margin-bottom:20px;font-size:3.5rem;font-weight:800}.volunteer-hero p{max-width:600px;margin:0 auto;font-size:1.2rem}.volunteer-info-box{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:3rem}.volunteer-info-box h2{color:var(--primary-color);margin-bottom:1rem}.volunteer-info-box>p{color:var(--text-light);margin-bottom:2rem;line-height:1.6}.volunteer-info-box .info-item{border-bottom:1px solid #eee;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;display:flex}.volunteer-info-box .info-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.volunteer-info-box .info-item i{color:var(--secondary-color);margin-top:.2rem;font-size:2rem}.volunteer-form-box{background:var(--white);box-shadow:var(--shadow-xl);border:1px solid #0000000d;border-radius:20px;padding:40px}.volunteer-form-box form{flex-direction:column;gap:1.5rem;display:flex}.volunteer-form-box .form-group{flex-direction:column;gap:.5rem;display:flex}.volunteer-form-box label{color:var(--text-dark);font-weight:500}.volunteer-form-box input,.volunteer-form-box textarea{border:1px solid #ddd;border-radius:4px;padding:1rem;font-family:inherit;font-size:1rem;transition:all .3s}.volunteer-form-box textarea{resize:vertical;min-height:150px}.volunteer-form-box input:focus,.volunteer-form-box textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #2e7d321a}.success-msg{color:#155724;border-radius:var(--border-radius);text-align:center;background-color:#d4edda;border:1px solid #c3e6cb;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem;font-weight:500;display:flex}.error-msg{color:#721c24;border-radius:var(--border-radius);text-align:center;background-color:#f8d7da;border:1px solid #f5c6cb;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem;font-weight:500;display:flex}@media (width<=768px){.volunteer-info-box,.volunteer-form-box{padding:2rem}}:root{--admin-sidebar-width:260px;--admin-primary:#3b82f6;--admin-bg:#f8fafc;--admin-card:#fff;--admin-text:#1e293b;--admin-text-muted:#64748b;--admin-border:#e2e8f0}.admin-layout{background-color:var(--admin-bg);min-height:100vh;color:var(--admin-text);font-family:Inter,sans-serif;display:flex}.admin-sidebar{width:var(--admin-sidebar-width);color:#fff;z-index:100;background:#0f172a;flex-direction:column;height:100vh;padding:1.5rem;display:flex;position:fixed;top:0;left:0}.admin-logo{align-items:center;gap:.75rem;margin-bottom:2rem;font-size:1.5rem;font-weight:700;display:flex}.admin-nav{flex-direction:column;flex:1;gap:.5rem;display:flex}.admin-nav-item{color:#94a3b8;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s;display:flex}.admin-nav-item:hover,.admin-nav-item.active{color:#fff;background:#1e293b}.admin-nav-item i{width:20px}.admin-main{margin-left:var(--admin-sidebar-width);flex:1;padding:2rem}.admin-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.admin-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{align-items:center;gap:1rem;display:flex}.stat-icon{border-radius:.75rem;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.stat-info h3{color:var(--admin-text-muted);margin:0;font-size:.875rem}.stat-info p{margin:0;font-size:1.5rem;font-weight:700}.admin-table-container{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;background:var(--admin-bg);color:var(--admin-text-muted);padding:1rem;font-size:.875rem;font-weight:600}.admin-table td{border-bottom:1px solid var(--admin-border);padding:1rem}.status-pills{text-transform:uppercase;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-pending{color:#92400e;background:#fef3c7}.status-active{color:#166534;background:#dcfce7}.status-resolved{color:#1e40af;background:#dbeafe}.charts-grid{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.charts-grid{grid-template-columns:1fr}}.admin-login-page{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;font-family:Inter,sans-serif;display:flex}.login-card{text-align:center;background:#fff;border-radius:1.5rem;width:100%;max-width:450px;padding:3rem;box-shadow:0 20px 50px #0000000d}.login-header{margin-bottom:2.5rem}.login-logo{color:#3b82f6;background:#eff6ff;border-radius:1rem;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;display:flex}.login-card h2{color:#1e293b;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.login-card p{color:#64748b}.login-form{text-align:left}.form-group{margin-bottom:1.5rem}.form-group label{color:#475569;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-group input{border:1px solid #e2e8f0;border-radius:.75rem;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.form-group input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61a}.login-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:.75rem;width:100%;margin-top:1rem;padding:.75rem;font-size:1rem;font-weight:600;transition:background .2s}.login-btn:hover{background:#2563eb}.login-btn:disabled{cursor:not-allowed;background:#94a3b8}.error-message{color:#b91c1c;background:#fef2f2;border-radius:.5rem;margin-bottom:1.5rem;padding:.75rem;font-size:.875rem}.otp-inputs{justify-content:center;gap:.75rem;margin-bottom:2rem;display:flex}.otp-field{text-align:center;border:2px solid #e2e8f0;border-radius:.75rem;width:50px;height:60px;font-size:1.5rem;font-weight:700}.otp-field:focus{border-color:#3b82f6}.dynamic-hero{text-align:center;color:#fff;background-position:50%;background-size:cover;justify-content:center;align-items:center;height:60vh;min-height:400px;display:flex}.dynamic-hero h1{margin-bottom:20px;font-size:clamp(2.5rem,6vw,4rem)}.dynamic-hero p{max-width:800px;margin:0 auto;font-size:1.25rem}.dynamic-section{grid-template-columns:1fr 1fr;align-items:center;gap:80px;margin-bottom:120px;display:grid}.dynamic-section.reverse{direction:rtl}.dynamic-section.reverse .section-text{direction:ltr}.dynamic-section .section-text h2{color:var(--secondary-green);margin-bottom:24px;font-size:2.5rem}.dynamic-section .section-text p{color:var(--text-muted);font-size:1.1rem}.dynamic-section .section-image img{width:100%;box-shadow:var(--shadow-lg);border-radius:20px}@media (width<=992px){.dynamic-section{grid-template-columns:1fr;gap:40px;margin-bottom:80px}.dynamic-section.reverse{direction:ltr}}
