.card{border:none;border-radius:25px;box-shadow:0 15px 40px rgba(0,0,0,.08)}.bmi-value{font-size:4rem;font-weight:900;margin-bottom:5px}.gender-btn,.status-btn,input{font-weight:700}.status-btn{padding:10px 35px;border-radius:20px;display:inline-block;margin-bottom:25px}.bmi-bar{height:14px;border-radius:10px;margin-top:50px;position:relative;background:linear-gradient(to left,#3498db 0,#3498db 14%,#2ecc71 14%,#2ecc71 40%,#f1c40f 40%,#f1c40f 60%,#e74c3c 60%,#e74c3c 100%)}.marker{position:absolute;top:-40px;transform:translateX(50%);transition:right .8s cubic-bezier(.2,.8,.3,1.2);display:flex;flex-direction:column;align-items:center}.marker-label{background:#2c3e50;color:#fff;padding:3px 12px;border-radius:8px;font-size:12px;margin-bottom:2px}.marker-line{width:3px;height:40px;background:#2c3e50}.gender-btn{flex:1;border:2px solid #eee;padding:10px;border-radius:15px;cursor:pointer;background:#fafafa;color:#777;transition:.3s}.gender-btn.active{border-color:#2c3e50;background:#f0f0f0;color:#2c3e50}input{text-align:center;border-radius:12px!important}