*{box-sizing:border-box}body{margin:0;background:#080d0d;color:#f1f5f3;font-family:Arial,sans-serif;line-height:1.55}header{max-width:960px;padding:25px 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-weight:800;font-size:29px;color:#72dab2;text-decoration:none;letter-spacing:-1px}.brand span{display:block;font-size:9px;letter-spacing:2.5px;color:#bacac3}nav{display:flex;gap:5px}button,input{font:inherit}nav button{border:1px solid #283d34;background:transparent;color:#c4d3cc;border-radius:8px;padding:10px 12px;min-height:44px;font-size:12px;cursor:pointer}nav button.active{background:#1b4936;color:#c4ffe1;border-color:#4c9a72}main{max-width:710px;margin:34px auto 50px;padding:0 25px}.eyebrow{font-size:11px;color:#78c7a3;letter-spacing:2.5px}h1{font-size:42px;line-height:1.2;letter-spacing:-1.4px;margin:12px 0}.sub{color:#a3b6ad;font-size:14px}.panel{background:linear-gradient(135deg,#12241c,#101a17);border:1px solid #294536;padding:30px;border-radius:22px;margin-top:27px;box-shadow:0 20px 80px #0004}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#c8d6ce}input{width:100%;background:#091510;color:#fff;border:1px solid #375b47;border-radius:10px;padding:13px;min-height:48px;outline:none}input:focus{border-color:#8addad;box-shadow:0 0 0 3px #5abf8533}.primary{background:#79dbad;color:#092318;border:0;padding:14px 20px;border-radius:10px;min-height:48px;font-weight:700;cursor:pointer;width:100%;margin-top:24px}.primary:disabled{opacity:.55}#result{border-top:1px solid #335341;margin-top:30px;padding-top:22px}.result-top{display:flex;align-items:center;justify-content:space-between;gap:12px}#bmi-label{margin:0;font-size:12px;color:#9cbaab}#bmi{font-size:55px;line-height:1.3}.badge{border:1px solid #43664f;padding:8px 13px;border-radius:25px;font-size:13px;color:#b9e2c7}.scale{height:9px;border-radius:10px;background:linear-gradient(90deg,#559ccc 0 14%,#69c89b 14% 32%,#e5ba63 32% 40%,#b66f6f 40%);position:relative;margin:22px 0}#marker{position:absolute;top:-5px;height:19px;width:4px;border-radius:2px;background:white;box-shadow:0 0 0 3px #080d0d}#download-status{font-size:12px;color:#a8c8b7;margin-bottom:0}.disclaimer{color:#a2b1aa;font-size:12px;margin-top:23px}.privacy{font-size:11px;color:#789083}footer{text-align:center;color:#70867a;font-size:11px;padding:22px;border-top:1px solid #1f3027}@media(max-width:480px){header{padding:20px 18px;gap:8px}nav button{padding:8px;font-size:11px}main{padding:0 18px;margin-top:26px}h1{font-size:32px}.panel{padding:21px 17px}.grid{gap:16px 12px}.badge{font-size:12px;max-width:160px}#bmi{font-size:46px}}@media(max-width:340px){header{flex-direction:column;align-items:flex-start}.grid{grid-template-columns:1fr}}