:root{--bg:#07111f;--panel:#0d2033;--panel2:#112b44;--line:#2c4a65;--cyan:#64d8ff;--blue:#16a7f9;--txt:#f1f8ff;--muted:#9fbad3;--gold:#ffad58;--green:#32d7a2;color-scheme:dark;font-family:Inter,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--txt);background:radial-gradient(ellipse 800px 450px at 65% -5%,#103a59 0%,transparent 67%),var(--bg);font-family:Inter,'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #7de4ff;outline-offset:2px}
.shell{width:min(1330px,calc(100% - 44px));margin-inline:auto}.site-header{background:#071625ef;position:sticky;z-index:40;top:0;border-bottom:1px solid #23435b;backdrop-filter:blur(12px)}.site-inner{width:min(1330px,calc(100% - 44px));min-height:68px;margin:auto;display:flex;align-items:center;gap:24px;justify-content:space-between}.brand{font-size:21px;font-weight:900;letter-spacing:-.04em;white-space:nowrap}.brand span{color:#48beff}.brand small{display:block;color:#8cabc5;font-size:8px;letter-spacing:.14em;font-weight:700;margin-top:3px}.site-header nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.site-header nav a{font-size:12px;font-weight:750;color:#d7e7f4}.site-header nav a:hover,.site-header nav a.current{color:#58caff}.contact-link{font-size:11px;color:#fff;background:#087a63;border-radius:8px;padding:10px 12px;white-space:nowrap;font-weight:800}
.tool-hero{padding:40px 0 25px}.eyebrow{color:#63d2ff;font-size:11px;letter-spacing:.16em;font-weight:900}.tool-hero h1{font-size:clamp(29px,4vw,46px);letter-spacing:-.04em;margin:10px 0 8px;line-height:1.13}.tool-hero h1 em{font-style:normal;color:#52caff}.tool-hero p{max-width:760px;color:#b3c9db;font-size:14px;line-height:1.7}.hero-caps{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.hero-caps span{border:1px solid #315674;padding:7px 11px;color:#a8dfff;font-size:11px;border-radius:7px;background:#0f2a43}
.calc-layout{display:grid;grid-template-columns:minmax(330px,410px) minmax(420px,1fr);gap:18px;align-items:start}.panel{background:linear-gradient(145deg,#102840,#0b1a2b);border:1px solid #2b4e6e;border-radius:15px;overflow:hidden}.panel-head{display:flex;align-items:center;gap:9px;border-bottom:1px solid #294966;padding:18px 20px;font-weight:850;font-size:14px}.panel-head span{display:grid;place-items:center;min-width:29px;height:29px;border-radius:8px;background:#0b4269;color:#87dbff}.panel-body{padding:20px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.wide{grid-column:1/-1}.field label{font-size:11px;color:#c6d9eb;font-weight:800;line-height:1.35}.field label small{color:#83a9c2;font-size:10px;font-weight:600}.field input,.field select{background:#081a2c;border:1px solid #41627e;color:#effaff;width:100%;border-radius:8px;padding:11px 10px;min-width:0;font-size:14px}.field input:focus,.field select:focus{outline:1px solid #48c7ff;border-color:#48c7ff}.hint{color:#9db9d2;font-size:11px;line-height:1.6;margin-top:12px}.hint strong{color:#e9f7ff}.presets{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.preset{background:#163d5e;border:1px solid #37627c;color:#e3f9ff;font-size:12px;font-weight:750;border-radius:7px;padding:9px 12px}.preset:hover{border-color:#5cd1ff}.results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.result{padding:17px;border-radius:10px;background:#0b2339;border:1px solid #294865;min-height:103px}.result.primary{background:linear-gradient(145deg,#104367,#0b2b49);border-color:#2c97c8}.result small{color:#9ac6df;font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;display:block}.result strong{display:block;font-size:clamp(21px,2.5vw,30px);margin-top:8px;letter-spacing:-.02em}.result strong span{font-weight:500;font-size:12px;margin-left:3px;color:#96bdd0}.calc-canvas{display:block;width:100%;height:auto;min-height:300px;background:radial-gradient(ellipse at 70% 30%,#17415f77,transparent 65%),#061728;border-radius:12px;border:1px solid #2b4e6e}.diagram-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.diagram-title strong{font-size:13px}.diagram-title span{font-size:10px;color:#9abbd0}.visual-wrap{padding:18px 20px}.technical-notes{background:#092035;border:1px solid #25435f;padding:15px 17px;border-radius:10px;margin-top:17px;color:#a9c5d8;font-size:12px;line-height:1.7}.technical-notes strong{color:#e0f6ff}.warnings{margin-top:14px;display:grid;gap:8px}.warning{border:1px solid #a45d35;background:#472b1c55;color:#ffcc9e;padding:10px;border-radius:8px;font-size:11px;line-height:1.45}.status-ok{color:#82e6bb;background:#0d3f3455;border:1px solid #23795f;padding:9px 11px;border-radius:8px;font-size:11px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.primary-btn{background:#078ee1;color:white;padding:12px 15px;font-weight:800;border:0;border-radius:8px;font-size:12px}.outline-btn{background:#132a42;border:1px solid #315574;color:#d3eeff;padding:11px 14px;border-radius:8px;font-size:12px;font-weight:750}.secondary-info{margin-top:20px}.secondary-info h2{font-size:21px;letter-spacing:-.03em}.formula-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.formula-box{border:1px solid #2c4d68;background:#0b2136;padding:18px;border-radius:10px}.formula-box small{color:#8bcdf5;display:block;font-weight:850;margin-bottom:8px}.formula-box code{color:#e4f5ff;font-size:13px;overflow-wrap:anywhere}.footer{margin:36px 0 22px;border-top:1px solid #284660;padding-top:19px;font-size:11px;color:#9cb8d0;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.invalid{font-size:12px;color:#ffd09f;background:#402b1a;border:1px solid #b27436;padding:12px 16px;border-radius:8px;margin-bottom:13px}
@media(max-width:1040px){.calc-layout{grid-template-columns:1fr}.site-inner{flex-wrap:wrap;padding:12px 0}.site-header nav{gap:13px}}@media(max-width:580px){.shell,.site-inner{width:calc(100% - 25px)}.fields,.results,.formula-grid{grid-template-columns:1fr}.tool-hero{padding-top:25px}.site-header nav{gap:8px}.site-header nav a{font-size:10px}.contact-link{font-size:10px}.panel-body{padding:15px}.result{min-height:80px}}