body{background-color:#fffdf7;font-family:Poppins,sans-serif;margin:0}.hero{align-items:center;background:url(https://images.unsplash.com/photo-1601758123927-196b90dca5f2) no-repeat 50%/cover;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-top:101px;position:relative}.hero-overlay{background-color:#000c;border-radius:20px;margin:0 auto;max-width:500px;padding:3rem;position:absolute;text-align:center;z-index:1}.hero-overlay h1{font-size:3rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.hero-overlay p{font-size:1.2rem;margin-bottom:2rem}.hero-overlay button{background-color:#ffd369;border:none;border-radius:10px;cursor:pointer;font-size:1.2rem;font-weight:700;padding:1rem 2rem;text-transform:uppercase;transition:.3s ease}.hero-overlay button:hover{background-color:#ffb347;transform:translateY(-5px)}.hero-background{background:url(https://www.pixelstalk.net/wp-content/uploads/images6/Cute-Animal-Backgrounds-Dog.jpg) no-repeat 50%/cover;border-radius:0 0 20px 20px;box-shadow:inset 0 10px 20px #0003;height:90vh;width:100%;z-index:0}.categories{background:linear-gradient(135deg,#fef9f4,#fff0e6);display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:4rem 2rem}.category-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border-radius:20px;box-shadow:0 10px 30px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:auto;justify-content:space-between;padding:1rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:250px}.category-card:hover{box-shadow:0 15px 40px #0003;transform:translateY(-10px) scale(1.05)}.category-card img{border-radius:15px;height:200px;object-fit:cover;width:100%}.category-card h3{color:#333;font-size:1.4rem;font-weight:400;margin-top:10px}.about{padding:3rem;text-align:center}.about p{color:#555;font-size:1.2rem}.put-your-pet{align-items:center;background:#fff5e1;border-radius:30px;display:flex;justify-content:space-between;margin:4rem 2rem;overflow:hidden;padding:5rem 2rem;position:relative}.put-text{max-width:500px;z-index:2}.put-text h3{color:#333;font-size:2.5rem;margin-bottom:1rem}.put-text p{color:#555;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.put-text button{background-color:#ffd369;border:none;border-radius:10px;color:#000;cursor:pointer;font-size:1.2rem;padding:1rem 2rem;transition:background .3s ease}.put-text button:hover{background-color:#ffa726}.put-images{height:300px;position:relative;width:50%}.put-images img{border:4px solid #fff;border-radius:20px;box-shadow:0 8px 20px #0003;position:absolute;transition:transform .4s ease}.img1{left:10px;top:10px;transform:rotate(-5deg);width:300px;z-index:1}.img2{left:110px;top:200px;transform:rotate(3deg);width:250px;z-index:2}.img3{left:270px;top:60px;transform:rotate(-2deg);width:320px;z-index:0}.put-images img:hover{transform:scale(1.05) rotate(2deg)}.contact{background-color:#f7f7f7;padding:3rem;text-align:center}.contact form{margin:0 auto;max-width:500px}.contact input,.contact textarea{border:1px solid #ddd;border-radius:10px;margin:1rem 0;padding:1rem;width:100%}.contact button{background-color:#ffd369;border:none;border-radius:10px;cursor:pointer;font-size:1rem;padding:1rem 2rem}.contact button:hover{background-color:#ffb347}.navbar{background-color:#ffd369;justify-content:space-between;left:0;padding:.6rem 2rem;position:fixed;right:0;top:0;z-index:10}.navbar,.navbar-logo{align-items:center;display:flex}.navbar-logo{gap:10px}.navbar-logo .logo{height:80px;object-fit:contain;width:80px}.navbar-logo h1{color:#333;font-size:1.8rem;font-weight:700;text-transform:uppercase}.navbar-links{display:flex;gap:2rem;list-style-type:none}.navbar-links li{font-size:1.2rem}.navbar-links a{color:#333;font-weight:600;text-decoration:none;transition:.3s ease}.navbar-links a:hover{color:#965a07}.navbar-links a:active{color:#ff8c00}button{background:#0000;border:none;color:#333;font-size:1.2rem;font-weight:600;text-decoration:none;transition:.3s ease}button:hover{color:#965a07}button:active{color:#ff8c00}@media (max-width:768px){.navbar{flex-direction:column;padding:1rem}.navbar-links{display:flex;flex-direction:column;gap:1rem}.navbar-links a{font-size:1.5rem}}.pet-card{border:1px solid #ccc;border-radius:12px;box-shadow:0 0 10px #0000001a;margin:15px;padding:20px;position:relative;text-align:left;width:300px}.pet-image{border-radius:8px;height:200px;object-fit:cover;width:100%}.request-button{background-color:#ffb347;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:10px;padding:10px}.modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 0 15px #0000004d;min-width:400px;padding:25px}.form-input,.form-textarea{border:1px solid #ccc;border-radius:5px;display:block;margin-bottom:10px;padding:10px;transition:border .3s,box-shadow .3s;width:93%}.form-input:focus,.form-textarea:focus{border-color:#ffb347;box-shadow:0 0 5px #ffb34799;outline:none}.form-submit{background-color:#388e3c}.form-cancel,.form-submit{border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.form-cancel{background-color:#d32f2f}.checkbox-label{align-items:center;display:flex;font-size:14px;gap:10px;margin-bottom:10px}.login{background-color:#f7f7f7;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:3rem;text-align:center}.login form{margin:0 auto;max-width:500px}.login input{border:1px solid #ddd;border-radius:10px;font-size:1rem;margin:1rem 0;padding:1rem;width:100%}.login button{background-color:#ffd369;border:none;border-radius:10px;cursor:pointer;font-size:1rem;padding:1rem 2rem}.login button:hover{background-color:#ffb347}.login h2{color:#333;margin-bottom:2rem}.adoption-form{background-color:#f7f7f7;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:3rem;text-align:center}.adoption-form form{margin:0 auto;max-width:500px}.adoption-form input,.adoption-form textarea{border:1px solid #ddd;border-radius:10px;font-size:1rem;margin:1rem 0;padding:1rem;resize:none;width:100%}.adoption-form button{background-color:#ffd369;border:none;border-radius:10px;cursor:pointer;font-size:1rem;padding:1rem 2rem}.adoption-form button:hover{background-color:#ffb347}.adoption-form h2{color:#333;margin-bottom:2rem}.adoption-form .error-message,.adoption-form .success-message{color:#ff4d4d;font-size:1rem;margin:1rem 0}.adoption-form .success-message{color:#4caf50}
/*# sourceMappingURL=main.74b4eb90.css.map*/