:root{--hp-primary-color:#FF6B35;--hp-secondary-color:#F7931E;--hp-accent-color:#FDB833;--hp-dark-color:#2C3E50;--hp-light-bg:#FFF8F0;--hp-white:#FFFFFF;--hp-gray-light:#F5F5F5;--hp-gray-medium:#999;--hp-text-color:#333;--hp-border-radius:12px;--hp-transition:all 0.3s ease}.hp-container{max-width:1200px;margin:0 auto;padding:0 20px}.hp-hero-section{background:linear-gradient(135deg,#FFF8F0 0%,#FFE8D6 50%,#FFF4E6 100%);padding:80px 0;position:relative;overflow:hidden;text-align:center}.hp-hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgb(255 107 53 / .1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgb(253 184 51 / .1) 0%,transparent 50%);pointer-events:none}.hp-hero-content{position:relative;z-index:2}.hp-hero-title{font-size:clamp(2rem, 5vw, 3.5rem);font-weight:800;color:var(--hp-dark-color);margin-bottom:20px;line-height:1.2;text-shadow:2px 2px 4px rgb(0 0 0 / .05);animation:fadeInUp 0.8s ease-out}.hp-hero-subtitle{font-size:clamp(1.1rem, 2.5vw, 1.5rem);font-weight:600;color:var(--hp-primary-color);margin-bottom:25px;animation:fadeInUp 0.8s ease-out 0.2s backwards}.hp-hero-description{font-size:clamp(1rem, 2vw, 1.25rem);color:#555;max-width:800px;margin:0 auto 40px;line-height:1.7;animation:fadeInUp 0.8s ease-out 0.4s backwards}.hp-hero-buttons{margin-bottom:40px;animation:fadeInUp 0.8s ease-out 0.6s backwards}.hp-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;font-size:1.1rem;font-weight:600;border-radius:50px;text-decoration:none;transition:var(--hp-transition);cursor:pointer;border:none;box-shadow:0 4px 15px rgb(0 0 0 / .1)}.hp-btn-primary{background:linear-gradient(135deg,var(--hp-primary-color),var(--hp-secondary-color));color:var(--hp-white)}.hp-btn-primary:active,.hp-btn-primary:visited{color:var(--hp-white)}.hp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgb(255 107 53 / .4)}.hp-btn-secondary{background:var(--hp-white);color:var(--hp-primary-color);border:2px solid var(--hp-primary-color)}.hp-btn-secondary:active,.hp-btn-secondary:visited{color:var(--hp-primary-color)}.hp-btn-secondary:hover{background:var(--hp-primary-color);color:var(--hp-white);transform:translateY(-2px)}.hp-hero-contact{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;animation:fadeInUp 0.8s ease-out 0.8s backwards}.hp-contact-item{display:flex;align-items:center;gap:10px;background:rgb(255 255 255 / .9);padding:12px 24px;border-radius:50px;box-shadow:0 2px 10px rgb(0 0 0 / .08);backdrop-filter:blur(10px)}.hp-contact-item svg{color:var(--hp-primary-color);flex-shrink:0}.hp-contact-label{font-weight:600;color:var(--hp-text-color)}.hp-contact-value{font-weight:700;color:var(--hp-primary-color)}.hp-section-header{text-align:center;margin-bottom:50px}.hp-section-title{font-size:clamp(2rem, 4vw, 2.5rem);font-weight:700;color:var(--hp-dark-color);margin-bottom:15px;position:relative;display:inline-block}.hp-section-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--hp-primary-color),var(--hp-secondary-color));border-radius:2px}.hp-section-description{font-size:1.1rem;color:#666;max-width:700px;margin:25px auto 30px;line-height:1.6}.hp-activities-section{padding:80px 0;background:var(--hp-white)}.hp-activities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.hp-activity-card{background:var(--hp-white);border-radius:var(--hp-border-radius);overflow:hidden;box-shadow:0 2px 15px rgb(0 0 0 / .08);transition:var(--hp-transition);display:flex;flex-direction:column}.hp-activity-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgb(0 0 0 / .15)}.hp-activity-image{position:relative;width:100%;padding-top:60%;overflow:hidden;background:var(--hp-gray-light)}.hp-activity-image a{position:absolute;top:0;left:0;width:100%;height:100%}.hp-activity-image img{width:100%;height:100%;object-fit:cover;transition:var(--hp-transition)}.hp-activity-card:hover .hp-activity-image img{transform:scale(1.05)}.hp-activity-badge{position:absolute;top:15px;right:15px;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600;z-index:2}.hp-status-active{background:#10B981;color:var(--hp-white)}.hp-status-planned{background:#FFC107;color:var(--hp-dark-color)}.hp-activity-content{padding:20px;flex-grow:1;display:flex;flex-direction:column}.hp-activity-title{font-size:1.3rem;font-weight:700;margin-bottom:10px}.hp-activity-title a{color:var(--hp-dark-color);text-decoration:none;transition:var(--hp-transition)}.hp-activity-title a:hover{color:var(--hp-primary-color)}.hp-activity-location{display:flex;align-items:center;gap:5px;font-size:.9rem;color:var(--hp-gray-medium);margin-bottom:12px}.hp-activity-location svg{color:var(--hp-primary-color);flex-shrink:0}.hp-activity-excerpt{color:#555;line-height:1.6;flex-grow:1}.hp-volunteers-section{padding:80px 0;background:linear-gradient(135deg,#F8F9FA 0%,#E9ECEF 100%)}.hp-volunteers-slider-wrapper{position:relative;max-width:100%;margin:0 auto}.hp-volunteers-slider{overflow:hidden;padding:10px 0}.hp-volunteers-track{display:flex;gap:25px;transition:transform 0.5s ease-in-out}.hp-volunteer-slide{flex:0 0 calc(70% - 17px);min-width:300px}.hp-volunteer-card{background:var(--hp-white);border-radius:var(--hp-border-radius);padding:30px;text-align:center;box-shadow:0 2px 15px rgb(0 0 0 / .08);transition:var(--hp-transition);height:100%;display:flex;flex-direction:column;align-items:center}.hp-volunteer-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgb(0 0 0 / .15)}.hp-volunteer-image{width:120px;height:120px;margin:0 auto 20px;border-radius:50%;overflow:hidden;border:4px solid var(--hp-primary-color);box-shadow:0 4px 15px rgb(255 107 53 / .2)}.hp-volunteer-image img{width:100%;height:100%;object-fit:cover}.hp-volunteer-placeholder{display:flex;align-items:center;justify-content:center;background:var(--hp-gray-light)}.hp-volunteer-placeholder svg{color:var(--hp-gray-medium)}.hp-volunteer-name{font-size:1.4rem;font-weight:700;color:var(--hp-dark-color);margin-bottom:8px}.hp-volunteer-role{font-size:1rem;font-weight:600;color:var(--hp-primary-color);margin-bottom:15px}.hp-volunteer-key-sentence{font-size:.95rem;font-style:italic;color:#666;margin-bottom:15px;background:var(--hp-light-bg);padding:10px 15px;border-radius:8px}.hp-volunteer-quote{font-size:1rem;font-style:italic;color:var(--hp-primary-color);border-right:3px solid var(--hp-primary-color);padding-right:15px;margin:15px 0;line-height:1.6}.hp-volunteer-meta{font-size:.85rem;color:var(--hp-gray-medium);margin-top:auto;padding-top:15px;border-top:1px solid #E0E0E0}.hp-volunteer-meta span{display:block;margin-bottom:5px}.hp-slider-btn{position:absolute;top:50%;transform:translateY(-50%);background:var(--hp-white);border:2px solid var(--hp-primary-color);color:var(--hp-primary-color);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--hp-transition);z-index:10;box-shadow:0 2px 10px rgb(0 0 0 / .1)}.hp-slider-btn:hover{background:var(--hp-primary-color);color:var(--hp-white);transform:translateY(-50%) scale(1.1)}.hp-slider-prev{left:-25px}.hp-slider-next{right:-25px}.hp-slider-dots{display:flex;justify-content:center;gap:10px;margin-top:30px}.hp-slider-dot{width:12px;height:12px;border-radius:50%;background:#D0D0D0;cursor:pointer;transition:var(--hp-transition)}.hp-slider-dot.active{background:var(--hp-primary-color);transform:scale(1.2)}.hp-rescue-section{padding:80px 0;background:var(--hp-white)}.hp-rescue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.hp-rescue-card{background:var(--hp-white);border-radius:var(--hp-border-radius);overflow:hidden;box-shadow:0 2px 15px rgb(0 0 0 / .08);transition:var(--hp-transition);display:flex;flex-direction:column}.hp-rescue-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgb(0 0 0 / .15)}.hp-rescue-image{position:relative;width:100%;padding-top:65%;overflow:hidden;background:var(--hp-gray-light)}.hp-rescue-image a{position:absolute;top:0;left:0;width:100%;height:100%}.hp-rescue-image img{width:100%;height:100%;object-fit:cover;transition:var(--hp-transition)}.hp-rescue-card:hover .hp-rescue-image img{transform:scale(1.05)}.hp-rescue-badge{position:absolute;top:15px;right:15px;background:rgb(255 107 53 / .95);color:var(--hp-white);padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600;z-index:2}.hp-rescue-content{padding:25px;flex-grow:1;display:flex;flex-direction:column}.hp-rescue-title{font-size:1.4rem;font-weight:700;margin-bottom:12px}.hp-rescue-title a{color:var(--hp-dark-color);text-decoration:none;transition:var(--hp-transition)}.hp-rescue-title a:hover{color:var(--hp-primary-color)}.hp-rescue-excerpt{color:#555;line-height:1.7;margin-bottom:15px;flex-grow:1}.hp-rescue-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #E0E0E0}.hp-rescue-meta-item{display:flex;align-items:center;gap:5px;font-size:.9rem;color:var(--hp-gray-medium)}.hp-rescue-meta-item svg{color:var(--hp-primary-color);flex-shrink:0}.hp-rescue-link{display:inline-flex;align-items:center;gap:8px;color:var(--hp-primary-color);font-weight:600;text-decoration:none;transition:var(--hp-transition)}.hp-rescue-link:active,.hp-rescue-link:visited{color:var(--hp-primary-color)}.hp-rescue-link:hover{gap:12px;color:var(--hp-secondary-color)}.hp-rescue-link svg{transition:var(--hp-transition)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.hp-volunteer-slide{flex:0 0 calc(80% - 12.5px)}.hp-slider-prev{left:-15px}.hp-slider-next{right:-15px}}@media (max-width:768px){.hp-hero-section{padding:60px 0}.hp-activities-section,.hp-volunteers-section,.hp-rescue-section{padding:60px 0}.hp-section-header{margin-bottom:40px}.hp-activities-grid,.hp-rescue-grid{grid-template-columns:1fr}.hp-volunteer-slide{flex:0 0 100%;min-width:280px}.hp-slider-btn{width:48px;height:48px}.hp-slider-prev{left:5px}.hp-slider-next{right:5px}.hp-hero-contact{flex-direction:column;align-items:stretch}.hp-contact-item{justify-content:center}.hp-container{width:100%;max-width:100vw;padding-left:15px;padding-right:15px;box-sizing:border-box}}@media (max-width:480px){.hp-container{padding:0 15px}.hp-btn{padding:14px 24px;font-size:1rem}}.hp-no-content{text-align:center;padding:40px;color:var(--hp-gray-medium);font-size:1.1rem}