b{
      font-size:25px;
  }
  p{
      text-align: justify;
  }
  .brand:before{background-size:100% 100%;content:"BotixTech";line-height:200px;color:#f5f2f7;font-size:20px;font-family:"HEAVITAS","Helvetica Rounded",Arial,sans-serif;font-weight:700;text-align:center;width:200px;height:200px;margin:0 auto;position:absolute;z-index:99999!important}svg path{position:absolute;stroke-width:2;top:0;left:0;transform-origin:50% 50%;transform:rotate(0deg);animation:4s linear infinite}.logo svg path:nth-child(1){opacity:1;animation-name:rotate-1;animation-delay:0.5s}.logo svg path:nth-child(2){opacity:.5;animation-name:rotate-2;animation-delay:0.6s}.logo svg path:nth-child(3){opacity:.8;animation-name:rotate-3;animation-delay:0.7s}@keyframes scale-1{0%{transform:scale(1)}50%{transform:scale(.9)}100%{transform:scale(1)}}@keyframes rotate-0{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes rotate-1{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes rotate-2{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}@keyframes rotate-3{from{transform:rotate(0deg)}to{transform:rotate(0deg)}}
    .bg-blobs,.bg-grid{pointer-events:none;inset:0}*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#060612;--accent:#7c3aed;--accent2:#06b6d4;--accent3:#f59e0b;--text:#f0f0fa;--text-muted:#6b6b8a}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}.bg-blobs{position:fixed;z-index:0}.blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.18}.blob-1{width:600px;height:600px;background:var(--accent);top:-200px;left:-100px;animation:18s ease-in-out infinite alternate drift1}.blob-2{width:500px;height:500px;background:var(--accent2);bottom:-150px;right:-100px;animation:22s ease-in-out infinite alternate drift2}.blob-3{width:300px;height:300px;background:var(--accent3);top:40%;left:55%;animation:15s ease-in-out infinite alternate drift3}@keyframes drift1{from{transform:translate(0,0) scale(1)}to{transform:translate(60px,40px) scale(1.1)}}@keyframes drift2{from{transform:translate(0,0) scale(1)}to{transform:translate(-50px,30px) scale(1.08)}}@keyframes drift3{from{transform:translate(0,0)}to{transform:translate(30px,-40px)}}.bg-grid{position:fixed;z-index:1;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px}.bg-grid::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 40%,#060612 100%)} .whatsapp-btn-container{position:fixed;right:-27px;opacity:0;bottom:-50px;padding:44px;animation:1s 1s forwards fade-up}@keyframes fade-up{100%{bottom:24px;opacity:1}}.whatsapp-btn-container .whatsapp-btn{font-size:48px;color:#25d366;display:inline-block;transition:.4s}.whatsapp-btn-container .whatsapp-btn:hover{transform:scale(1.2)}.whatsapp-btn-container span{position:absolute;top:0;left:4px;font-family:Roboto,sans-serif;font-weight:700;color:#075e54;transform:rotateZ(20deg) translateX(10px);opacity:0;transition:.4s}.whatsapp-btn-container .whatsapp-btn:hover+span{transform:rotateZ(0) translateX(0);opacity:1}
  

/* Extracted from existing inline styles; original rules/order preserved. */

.bmr-calculator {
    max-width: 500px;
    margin: 20px auto;
    padding: 20px;
    border-radius: 10px;
    background: #111;
    color: #fff;
}

.bmr-calculator input {
    width: 100%;
    padding: 10px;
    margin: 8px 0;
    border-radius: 5px;
    border: none;
}

.gender label {
    margin-right: 15px;
}

.calculate-btn {
    width: 100%;
    padding: 12px;
    background: #0d6efd;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.calculate-btn:hover {
    background: #0b5ed7;
}

.result-message {
    display: none;
    margin-top: 15px;
    font-size: 20px;
    text-align: center;
}

.error-message {
    display: none;
    color: red;
    text-align: center;
    margin-top: 10px;
}


/* Extracted from existing inline styles; original rules/order preserved. */
.whatsapp-btn-container {
        position: fixed;
        right: -27px;
        opacity: 0;
        bottom: -50px;
        padding: 44px;
        animation: fade-up 1000ms forwards;
        animation-delay: 1000ms;
    }
    
    @keyframes fade-up {
        100% {
            bottom: 24px;
            opacity: 1;
        }
    }
    
    .whatsapp-btn-container .whatsapp-btn {
        font-size: 48px;
        color: #25d366;
        display: inline-block;
        transition: all 400ms;
    }
    
    .whatsapp-btn-container .whatsapp-btn:hover {
        transform: scale(1.2);
    }
    
    .whatsapp-btn-container span {
        position: absolute;
        top: 0;
        left: 4px;
        font-family: "Roboto", sans-serif;
        font-weight: bold;
        color: #075e54;
        transform: rotateZ(20deg) translateX(10px);
        opacity: 0;
        transition: all 400ms;
    }
    
    .whatsapp-btn-container .whatsapp-btn:hover + span {
        transform: rotateZ(0deg) translateX(0px);
        opacity: 1;
    }