.pet-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);max-width:500px;padding:40px;width:100%}.header{margin-bottom:30px;text-align:center}.header h1{font-size:2.5rem;margin-bottom:10px}.header p{color:#666;font-size:1.1rem}.form-group{margin-bottom:25px}.form-group label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;padding:15px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.submit-btn{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:10px;padding:15px;transition:all .3s ease;width:100%}.submit-btn:hover{box-shadow:0 10px 20px rgba(102,126,234,.3);transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.result{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:5px solid #667eea;border-radius:15px;display:none;margin-top:30px;padding:25px}.result.show{animation:slideIn .5s ease;display:block}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result h3{color:#333;font-size:1.3rem;margin-bottom:15px}.result-item{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;padding:10px 0}.result-item:last-child{border-bottom:none}.result-label{color:#555;font-weight:600}.result-value{color:#667eea;font-size:1.1rem;font-weight:700}.error{color:#dc3545;display:none;font-size:.9rem;margin-top:5px}.loading{display:none;margin-top:20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:30px;margin:0 auto 10px;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:600px){.pet-container{margin:10px;padding:25px}.header h1{font-size:2rem}}.pet-wrapper{align-items:center;display:flex;justify-content:center}