:root{--blue:#1762cf;--navy:#11164d;--bg:#f7f9fc;--card:#fff;--soft:#edf4ff;--pink:#ff0a78}
*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Arial,Helvetica,sans-serif;color:#111;background:#fff}
body{min-height:100dvh}.screen{display:none;min-height:100dvh;background:#fff}.screen.active{display:block}
.splash{display:none;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 35%,#eef6ff,transparent 35%),radial-gradient(circle at 35% 75%,#fff0f5,transparent 34%),#fff}.splash.active{display:flex}
.brand-logo{font-weight:800;color:var(--blue);display:flex;align-items:center;gap:12px}.brand-logo .mark{font-size:1.2em}.brand-logo.big{font-size:44px}.brand-logo.mid{font-size:37px;justify-content:center;margin:50px 0}
.login-wrap{max-width:680px;margin:0 auto;padding:120px 40px 40px;text-align:center}.login-wrap h1{font-size:56px;font-weight:500;color:#5d5d62;line-height:1.05;margin:0}.support-fab{position:absolute;right:40px;top:78px;width:80px;height:80px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:34px}
.field{border:2px solid #2675d7;border-radius:32px;height:88px;display:flex;align-items:center;gap:16px;padding:0 24px;margin:16px 0}.field input{border:0;outline:0;font-size:28px;flex:1;min-width:0}.eye{border:0;background:none;font-size:25px}.primary{width:100%;border:0;border-radius:6px;background:var(--blue);color:#fff;font-weight:800;font-size:30px;padding:24px;margin-top:22px}.secondary{width:100%;border:0;border-radius:16px;background:#eaf2ff;color:var(--blue);font-weight:800;font-size:24px;padding:20px;margin-top:14px}.row.two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}.outline{border:2px solid var(--blue);border-radius:28px;background:#fff;padding:16px;font-size:22px;font-weight:700}.msg{color:#c62828;font-weight:700}
.app-screen{background:linear-gradient(#f8fbff,#fff)}header{height:162px;background:linear-gradient(180deg,#eaf3ff,#dbeaff);display:flex;align-items:center;justify-content:space-between;padding:25px 28px;border-bottom:1px solid #cdddf5}.round{width:86px;height:86px;border-radius:50%;border:0;background:#fff;color:var(--blue);font-size:34px;box-shadow:0 10px 25px #b9c8de80}.round.blue{background:var(--blue);color:#fff}.mini-brand{font-weight:800;color:var(--blue);font-size:29px}
.calc-shell,.bmi-shell{max-width:720px;margin:0 auto;padding:22px}.display{background:linear-gradient(135deg,#1762cf,#0a3c8c);color:#fff;border-radius:25px;padding:28px;text-align:right;min-height:205px;box-shadow:0 18px 35px #0c3c7f35}.display div{font-size:24px;opacity:.9}.display strong{font-size:78px;display:block;margin-top:30px;overflow:hidden}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}.grid button{min-height:92px;border:0;border-radius:20px;background:#fff;font-size:25px;font-weight:800;color:#17345c;box-shadow:0 6px 18px #ccd5e340}.grid button.op{background:#dbeaff;color:#0d56bd}.grid button.equal{background:var(--blue);color:#fff}.sci-grid button{min-height:72px;font-size:20px}
.bmi-result{background:linear-gradient(135deg,#1762cf,#0d4ca3);border-radius:24px;color:#fff;text-align:center;padding:40px 20px;margin-bottom:30px}.bmi-result small{font-size:24px;font-weight:800}.bmi-result strong{display:block;font-size:92px;margin:20px 0}.bmi-result b{font-size:28px}.bmi-shell label{display:block;color:var(--navy);font-weight:800;font-size:22px;margin:20px 0 10px}.bmi-shell input{width:100%;height:92px;border:1px solid #cbd6e7;border-radius:18px;font-size:30px;font-weight:700;padding:0 24px}
.policy{background:linear-gradient(#f7fbff,#fff)}.policy-head{background:#e7f1ff;padding:25px 35px;justify-content:flex-start;gap:20px;height:140px}.policy-head button{width:62px;height:62px;border-radius:14px;border:0;background:white;font-size:44px;color:var(--navy)}.policy-head small{font-weight:800;color:var(--blue);font-size:20px}.policy-head h2{font-size:42px;margin:4px 0;color:var(--navy)}.policy-body{max-width:760px;margin:auto;padding:32px;font-size:23px;line-height:1.55;color:#424b68}.card{background:#fff;border:1px solid #dce5f3;border-radius:18px;padding:24px;margin:20px 0;box-shadow:0 10px 30px #dbe4f250}.card h3{color:var(--blue);font-size:28px;margin:0 0 10px}
.drawer-backdrop{display:none;position:fixed;inset:0;background:#0008;z-index:20}.drawer-backdrop.show{display:block}.drawer{position:fixed;z-index:21;top:0;bottom:0;left:-80%;width:75%;max-width:520px;background:#eaf3ff;padding:30px;transition:.25s;box-shadow:20px 0 50px #0003}.drawer.show{left:0}.drawer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.drawer-top button{border:0;background:#fff;width:60px;height:60px;border-radius:16px;font-size:40px}.drawer>button{width:100%;text-align:left;border:0;border-radius:18px;padding:22px;margin:8px 0;background:#fff;color:#17345c;font-size:22px}.drawer>button.logout{background:#dfeaff;color:#b00020}
@media(max-width:520px){.brand-logo.big{font-size:31px}.login-wrap{padding:110px 22px 30px}.login-wrap h1{font-size:43px}.brand-logo.mid{font-size:29px;margin:40px 0}.field{height:72px}.field input{font-size:21px}.primary{font-size:25px;padding:20px}.outline{font-size:18px}.support-fab{width:62px;height:62px;right:22px}.mini-brand{font-size:22px}header{height:126px;padding:18px}.round{width:68px;height:68px}.display strong{font-size:62px}.grid{gap:12px}.grid button{min-height:77px;font-size:21px}.sci-grid button{min-height:60px;font-size:17px}.policy-head h2{font-size:32px}.policy-body{padding:20px;font-size:18px}}