.navbar{color:#d4af94;z-index:10;background-color:#0c151a;border-radius:0;justify-content:space-between;align-items:center;margin:0;padding:20px 10%;font-weight:700;display:flex;position:relative}.navbar-logo{align-items:center;gap:10px;display:flex}.navbar-icon{width:32px;height:32px}.navbar-links{gap:30px;display:flex}.nav-link{color:#b48b64;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:inherit;background:0 0;border:none;margin:0;padding:0;text-decoration:none;transition:all .3s;position:relative}.nav-link:hover{color:#f5f0ea;transform:translateY(-2px)}.nav-link:after{content:"";background-color:#d4af94;width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}.nav-link:hover:after{width:100%}@media (width<=768px){.navbar{flex-direction:column;gap:15px;padding:15px 5%}.navbar-links{gap:20px}.navbar-icon{width:24px;height:24px}}.layout{background-color:#f5f0ea;border-radius:20px;max-width:1400px;margin:20px auto;overflow:hidden;box-shadow:0 4px 20px #0000004d}.hero{color:#d4af94;background-blend-mode:overlay;background-image:url(/phoenix-shelter-react/images/hero-dog.jpg);background-position:50%;background-size:cover;border-radius:0;flex-direction:row;justify-content:space-between;align-items:center;min-height:80vh;margin:0;padding:50px 10%;display:flex;position:relative}.hero-text{max-width:50%}.hero-text h1{margin-bottom:20px;font-size:3rem}.hero-form{background-color:#3a3434f2;border-radius:20px;width:300px;padding:30px;box-shadow:0 4px 20px #00000080}.hero-form h3{text-align:center;margin-bottom:20px}.hero-form input,.hero-form textarea{text-align:center;color:#d4af94;background-color:#2e2929;border:1px solid #d4af94;border-radius:10px;width:100%;margin-bottom:15px;padding:12px 0}.hero-form input::placeholder,.hero-form textarea::placeholder{color:#d4af94aa}.hero-form button{color:#3a3434;cursor:pointer;background-color:#d4af94;border:none;border-radius:10px;width:100%;padding:12px;font-weight:700;transition:background-color .3s}.hero-form button:hover{background-color:#b48b64}@media (width<=900px){.hero{flex-direction:column}.hero-text,.hero-form{max-width:100%;margin-bottom:30px}}.carousel{text-align:center;padding:50px 0;position:relative;overflow:hidden}.carousel h2{color:#0c151a;margin-bottom:30px;font-size:2rem}.carousel-container-wrapper{align-items:center;gap:10px;max-width:1200px;margin:0 auto;padding:0 20px;display:flex;position:relative}.carousel-wrapper{scroll-behavior:smooth;-ms-overflow-style:none;flex:1;padding:20px 0;overflow:auto visible}.carousel-wrapper::-webkit-scrollbar{display:none}.carousel-container{scroll-behavior:smooth;flex-wrap:nowrap;gap:20px;padding:5px 0;display:flex}.carousel-container a{color:inherit;text-decoration:none}.dog-card{cursor:pointer;z-index:1;color:#d4af94;background-color:#0c151a;border-radius:15px;flex:none;width:250px;padding:10px;text-decoration:none;transition:transform .5s,box-shadow .5s,z-index;position:relative}.dog-card:hover{z-index:10;position:relative;transform:scale(1.07)translateY(-5px);box-shadow:0 10px 25px #0006}.dog-card img{object-fit:cover;border-radius:10px;width:100%;height:200px;transition:transform .3s}.dog-card:hover img{transform:scale(1.02)}.dog-card h3{color:#d4af94;margin:10px 0 5px;font-size:1.2rem}.dog-card p{color:#d4af94;margin:5px 0;font-size:.9rem}.carousel-button{color:#0c151a;cursor:pointer;z-index:20;background-color:#d4af94;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:all .3s;display:flex;position:relative}.carousel-button:hover{background-color:#b48b64;transform:scale(1.1)}.carousel-button:active{transform:scale(.95)}@media (width<=768px){.carousel{padding:30px 0}.carousel h2{margin-bottom:20px;font-size:1.5rem}.carousel-container-wrapper{gap:5px;padding:0 10px}.dog-card{width:220px}.dog-card img{height:180px}.carousel-button{width:30px;height:30px;font-size:1rem}}@media (width<=480px){.dog-card{width:200px}.dog-card img{height:160px}.carousel-button{width:25px;height:25px;font-size:.8rem}}.donate{text-align:center;color:#0c151a;background-color:#f5f0ea;padding:50px 10%}.donate h2{margin-bottom:30px;font-size:2rem}.donate-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex}.donate-button-wrapper{align-items:center;gap:15px;display:flex}.donate-icon{object-fit:contain;width:50px;height:50px}.paw-icon{transform:rotate(-40deg)}.feed-icon{transform:rotate(40deg)}.donate button{cursor:pointer;color:#3a3434;background-color:#d4af94;border:none;border-radius:10px;margin:0;padding:15px 25px;font-weight:700;transition:transform .3s,background-color .3s}.donate button:hover{background-color:#b48b64;transform:translateY(-3px)}.modal-overlay{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{color:#d4af94;background-color:#1a2529;border-radius:20px;width:90%;max-width:500px;padding:30px;animation:.3s slideIn}.modal-content h3{text-align:center;margin-bottom:20px;font-size:1.5rem}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px;font-weight:700;display:block}.form-group input,.form-group select{color:#d4af94;background-color:#0c151a;border:1px solid #d4af94;border-radius:10px;width:100%;padding:10px;font-size:1rem}.form-group input:focus,.form-group select:focus{border-color:#b48b64;outline:none}.info-text{color:#d4af94aa;margin-top:5px;font-size:.9rem}.modal-buttons{justify-content:center;gap:15px;margin-top:25px;display:flex}.submit-btn,.cancel-btn{cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-size:1rem;transition:all .3s}.submit-btn{color:#0c151a;background-color:#d4af94}.submit-btn:hover{background-color:#b48b64;transform:translateY(-2px)}.cancel-btn{color:#d4af94;background-color:#2c3e50;border:1px solid #d4af94}.cancel-btn:hover{background-color:#1a2529;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.donate-buttons{flex-direction:column;gap:20px}.donate button{width:100%;max-width:300px}.modal-content{padding:20px}.donate-icon{width:40px;height:40px}}.footer{color:#d4af94;text-align:center;background-color:#0c151a;border-top:1px solid #d4af94;border-radius:20px;padding:50px 10%}.footer-title{text-align:center;margin-bottom:40px}.footer-content{justify-content:space-between;gap:40px;max-width:1200px;margin:0 auto;display:flex}.footer-left,.footer-right{flex:1}.footer-left h4,.footer-right h4{color:#d4af94;margin-bottom:20px;font-size:1.2rem}.footer-left p,.footer-right p{justify-content:center;align-items:center;gap:10px;margin-bottom:15px;line-height:1.6;display:flex}.icon{vertical-align:middle;width:20px;height:20px;display:inline-block}.footer a{color:#d4af94;margin-left:5px;text-decoration:none;transition:color .3s}.footer a:hover{color:#f5f0ea;text-decoration:underline}@media (width<=768px){.footer-content{flex-direction:column;gap:30px}.footer-left,.footer-right{text-align:center}.footer-left p,.footer-right p{justify-content:center}.footer-title{margin-bottom:30px}}.dog-detail-container{background-color:#0c151a;min-height:80vh;padding:50px 10%}.dog-detail{color:#d4af94;background-color:#1a2529;border-radius:20px;max-width:1200px;margin:0 auto;padding:40px}.back-button{color:#d4af94;margin-bottom:30px;font-size:1rem;text-decoration:none;transition:color .3s;display:inline-block}.back-button:hover{color:#f5f0ea;text-decoration:underline}.dog-detail-content{align-items:flex-start;gap:50px;display:flex}.dog-detail-image{flex:1}.dog-detail-image img{object-fit:cover;border-radius:20px;width:100%;max-width:500px;height:auto;box-shadow:0 4px 20px #0000004d}.dog-detail-info{flex:1}.dog-detail-info h2{color:#d4af94;margin-bottom:20px;font-size:2.5rem}.dog-breed,.dog-age{margin-bottom:15px;font-size:1.2rem;line-height:1.6}.dog-description{border-bottom:1px solid #d4af94;margin-bottom:30px;padding-bottom:20px;font-size:1.1rem;line-height:1.6}.dog-story{margin-bottom:30px}.dog-story h3{color:#d4af94;margin-bottom:15px;font-size:1.3rem}.dog-story p{background-color:#0c151a;border-radius:15px;padding:20px;font-size:1rem;line-height:1.6}.adopt-button{color:#0c151a;cursor:pointer;background-color:#d4af94;border:none;border-radius:10px;width:100%;max-width:300px;padding:15px 40px;font-size:1.1rem;font-weight:700;transition:all .3s}.adopt-button:hover{background-color:#b48b64;transform:translateY(-2px);box-shadow:0 4px 10px #0000004d}@media (width<=768px){.dog-detail-container{padding:30px 5%}.dog-detail{padding:20px}.dog-detail-content{flex-direction:column;gap:30px}.dog-detail-image img{max-width:100%}.dog-detail-info h2{font-size:2rem}.adopt-button{max-width:100%}}.dog-detail-modal-overlay{z-index:1000;background-color:#000c;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.dog-detail-modal-content{color:#d4af94;background-color:#1a2529;border-radius:20px;width:90%;max-width:450px;padding:30px;animation:.3s slideIn}.dog-detail-modal-content h3{text-align:center;color:#d4af94;margin-bottom:20px;font-size:1.3rem}.dog-detail-form-group{margin-bottom:15px}.dog-detail-form-group label{color:#d4af94;margin-bottom:5px;font-size:.9rem;display:block}.dog-detail-form-group input,.dog-detail-form-group textarea{color:#d4af94;background-color:#0c151a;border:1px solid #d4af94;border-radius:8px;width:100%;padding:10px;font-family:inherit;font-size:.9rem}.dog-detail-form-group input:focus,.dog-detail-form-group textarea:focus{border-color:#b48b64;outline:none}.dog-detail-form-group textarea{resize:vertical;min-height:80px}.dog-detail-modal-buttons{justify-content:center;gap:10px;margin-top:20px;display:flex}.dog-detail-submit-btn,.dog-detail-cancel-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 25px;font-size:.9rem;transition:all .3s}.dog-detail-submit-btn{color:#0c151a;background-color:#d4af94;font-weight:700}.dog-detail-submit-btn:hover{background-color:#b48b64;transform:translateY(-2px)}.dog-detail-cancel-btn{color:#d4af94;background-color:#2c3e50;border:1px solid #d4af94}.dog-detail-cancel-btn:hover{background-color:#1a2529;transform:translateY(-2px)}