@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Quicksand:wght@400;700&display=swap";*{box-sizing:border-box;margin:0}html,body{height:100%;margin:0}body{background-color:#f4e4f9;font-family:Poppins,sans-serif}.container{display:flex;flex-direction:column}h2,h3{font-family:Montserrat,sans-serif}p,a{font-family:Poppins,sans-serif}.home-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center}h1{color:#a488e0;margin-bottom:20px;text-shadow:2px 2px 4px rgba(255,255,255,.7)}p{font-size:1.2rem;color:#333;max-width:600px;margin:10px 0}.navbar{background-color:#9b7ebd;padding:20px}.navbar-logo{font-size:30px;font-weight:700;color:#b85cb3;text-shadow:2px 2px 4px #e7b5c0}.navbar ul{display:flex;list-style-type:none;padding:0;margin:0;align-items:center}.navbar li{margin:0 15px}.navbar a{text-decoration:none;color:indigo;font-weight:700;transition:color .3s ease}.navbar .hundar{margin-left:auto}a:hover{color:#e7b5c0}.button{background-color:#f4e4f9;color:#e7b5c0;font-family:Montserrat,sans-serif;font-weight:700;padding:10px 20px;border:none;border-radius:20px;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease,transform .2s ease;cursor:pointer}.button:hover{background-color:#e7b5c0;color:#9b7ebd;transform:translateY(-2px)}.button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.footer{background-color:#f4e4f9;color:#6a0dad;text-align:center;padding:20px 0;border-top:2px solid #e7b5c0;display:flex;flex-direction:column;align-items:center}.footer p{font-family:Montserrat,sans-serif;margin:0;font-size:14px}.social-links{margin-top:10px}.social-links a{color:#6a0dad;margin:0 10px;text-decoration:none;font-weight:700;transition:color .3s ease}.social-links a:hover{color:#e7b5c0}.error-page{background-color:#faf0fc;color:#a488e0;border-radius:20px;padding:40px;max-width:600px;margin:100px auto;text-align:center;box-shadow:0 4px 12px #0000001a;font-family:Montserrat,sans-serif}.error-page h1{font-size:2.5rem;color:#a7a4f7;margin-bottom:20px}.error-page p{font-size:1.2rem;color:#333;margin-bottom:15px}.error-page button{background-color:#a488e0;color:#fff;padding:10px 20px;border:none;border-radius:15px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.error-page button:hover{background-color:#a7a4f7;transform:scale(1.05)}.product-list{padding:20px;text-align:center}.product-list h1{text-align:center;font-size:2.5rem;color:#a488e0;margin-bottom:30px}.product-list ul{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.product-list li{background-color:#3c3c3c;border-radius:10px;padding:10px;text-align:center;box-shadow:0 2px 5px #0003;transition:transform .3s ease}.product-list li:hover{transform:scale(1.05)}.dog-card{padding:20px;background-color:#faf0fc;border-radius:15px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease}.dog-card:hover{transform:scale(1.05)}.dog-card img{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid #A7A4F7;margin-bottom:10px}.dog-card .dog-name{font-size:1.5rem;font-weight:700;color:#a488e0;margin-top:10px;text-align:center;display:block;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.dog-card .dog-breed,.dog-card .dog-age{font-size:1rem;color:#a7a4f7}.dog-card .actions{margin-top:10px;display:flex;justify-content:center;gap:10px}.actions button{background-color:#a488e0;border:none;padding:8px 16px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.actions button:hover{background-color:#ffb3b3;transform:scale(1.05)}.dog-card p{color:#f5f5f5;font-size:1rem;text-align:center;margin-top:10px}.container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f4e4f9}.product-details{background-color:#faf0fc;border-radius:15px;padding:20px;box-shadow:0 4px 12px #0000001a;max-width:600px;width:100%;text-align:center}.product-details h1{color:#a488e0;font-size:2rem;margin-bottom:10px}.product-details p{font-size:1.1rem;color:#333}.product-details img{width:200px;height:200px;object-fit:cover;border-radius:50%;border:4px solid #A7A4F7;margin-bottom:20px;box-shadow:0 4px 8px #0003}.dog-details-buttons{margin-top:20px}.dog-details-buttons a,.dog-details-buttons button{color:#fff;padding:10px 20px;border:none;border-radius:15px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.dog-details-buttons button:last-of-type{background-color:#a488e0}.dog-details-buttons button:last-of-type:hover{background-color:#f08080}h2{color:#a488e0;margin-top:20px;font-size:1.5rem}.dog-form-container{display:flex;justify-content:center;align-items:center;padding:60px;background-color:#f4e4f9;border-radius:15px;box-shadow:0 4px 6px #0000001a}.dog-form{display:flex;flex-direction:column;gap:20px;width:100%;max-width:600px}.dog-form-container input,.dog-form-container select,.dog-form-container label{font-family:Quicksand,sans-serif;padding:12px;border-radius:8px;border:1px solid #f6c1d8;background-color:#fff0f5;font-size:16px;width:100%;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}.dog-form-container input:focus{border-color:#9b7ebd}h1,h3{font-family:Montserrat,sans-serif;color:#9b7ebd}.login-container{display:flex;justify-content:center;align-items:center;height:100vh}form{background-color:#f4e4f9;padding:30px;border-radius:15px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;width:300px}input{padding:10px;margin-bottom:15px;border:2px solid #f6c1d8;border-radius:10px;background-color:#fff0f5;font-size:16px;color:#800f82}input:focus{outline:none;border-color:#9b7ebd}.arrived-dogs-wrapper{min-height:100vh;display:flex;flex-direction:column}.arrived-dogs-container{flex:1;padding:20px}.arrived-dogs-container h1,.no-dogs-message{text-align:center}.arrived-dogs-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:0;margin:0;list-style-type:none}.arrived-dog-card{display:flex;flex-direction:column;align-items:center;width:200px;margin-bottom:20px;background-color:#f4e4f9;border-radius:15px;padding:20px;box-shadow:0 4px 8px #0000001a}.arrived-dog-image{width:150px;height:150px;border-radius:50%;object-fit:cover}.arrived-dog-name{font-size:1.2rem;color:#800f82;text-align:center;margin-top:10px}