.container{margin:0 auto;padding:20px}.input-container{margin-bottom:10px}.result{margin-top:20px;padding:10px;background-color:#f0f0f0;border-radius:4px}.bmi-message,.bmi-value{font-weight:700}.bmi-message{color:#007bff}.button{position:relative;box-shadow:0 10px 20px rgba(0,0,0,.2);padding-block:.5rem;padding-inline:1.25rem;background-color:#0684be;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;gap:10px;font-weight:700;border:3px solid #ffffff4d;outline:none;overflow:hidden;font-size:15px}.button,.icon{transition:all .3s ease-in-out}.icon{width:24px;height:24px}.button:hover{transform:scale(1.05);border-color:#fff9}.button:hover .icon{transform:translate(4px)}.button:hover:before{animation:shine 1.5s ease-out infinite}.button:before{content:"";position:absolute;width:100px;height:100%;background-image:linear-gradient(120deg,hsla(0,0%,100%,0) 30%,hsla(0,0%,100%,.8),hsla(0,0%,100%,0) 70%);top:0;left:-100px;opacity:.6}@keyframes shine{0%{left:-100px}60%{left:100%}to{left:100%}}.form__group{position:relative;padding:20px 0 0;width:100%}.form__field{font-family:inherit;width:100%;border:none;border-bottom:2px solid #9b9b9b;outline:0;font-size:17px;color:#000;padding:7px 0;background:transparent;transition:border-color .2s}.form__field::-moz-placeholder{color:transparent}.form__field::placeholder{color:transparent}.form__field:-moz-placeholder-shown~.form__label{font-size:17px;cursor:text;top:20px}.form__field:placeholder-shown~.form__label{font-size:17px;cursor:text;top:20px}.form__label{position:absolute;top:0;display:block;transition:.2s;font-size:17px;color:#9b9b9b;pointer-events:none}.form__field:focus{padding-bottom:6px;font-weight:700;border-width:3px;-o-border-image:linear-gradient(90deg,#116399,#38caef);border-image:linear-gradient(90deg,#116399,#38caef);border-image-slice:1}.form__field:focus~.form__label{position:absolute;top:0;display:block;transition:.2s;font-size:17px;color:#000;font-weight:700}.form__field:invalid,.form__field:required{box-shadow:none}.radio-input{display:flex;flex-direction:row;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;font-weight:600;color:#000}.radio-input input[type=radio]{display:none}.radio-input label{display:flex;align-items:center;padding:10px;border:1px solid #ccc;border-radius:5px;margin-right:12px;cursor:pointer;position:relative}.radio-input label,.radio-input label:before{background-color:#fff;transition:all .3s ease-in-out}.radio-input label:before{content:"";display:block;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;border:2px solid #ccc}.radio-input input[type=radio]:checked+label:before{background-color:red;top:0}.radio-input input[type=radio]:checked+label{background-color:#4169e1;color:#fff;border-color:#81eb81;animation:radio-translate .5s ease-in-out}@keyframes radio-translate{0%{transform:translateX(0)}50%{transform:translateY(-10px)}to{transform:translateX(0)}}