:root{
  --black:#080808; --charcoal:#1b1b1b; --red:#be1823; --red2:#d02028;
  --grey:#767676; --line:#d2d6dc; --bg:#f5f6f8; --white:#fff; --blue:#1e6091; --green:#258c5c;
}
*{box-sizing:border-box} body{margin:0;background:var(--bg);font-family:Inter,Segoe UI,Arial,sans-serif;color:#111}
.topbar{position:sticky;top:0;z-index:10;height:66px;background:var(--black);border-bottom:4px solid var(--red);display:flex;align-items:center;justify-content:space-between;padding:0 28px;color:#fff}
.brand{display:flex;align-items:center;gap:12px}.brand img{width:42px;height:42px}.brand strong{display:block;font-size:18px}.brand span{display:block;font-size:12px;color:#ccc}
nav a{color:#f1f1f1;text-decoration:none;margin-left:22px;font-size:13px}nav a:hover{color:#fff;border-bottom:2px solid var(--red2)}
main{max-width:1380px;margin:0 auto;padding:26px}.hero{background:#090909;color:#fff;border-radius:24px;padding:32px;display:grid;grid-template-columns:1.25fr 1fr;gap:26px;box-shadow:0 8px 30px #0002}.eyebrow{color:var(--red2);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:38px;line-height:1.08;margin:8px 0 12px}.hero p{color:#d6d6d6;max-width:760px}.kpiGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.kpi{background:#181818;border:1px solid #333;border-radius:16px;padding:18px}.kpi span,.resultGrid span{display:block;color:#aaa;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.kpi strong,.resultGrid strong{display:block;font-size:28px;margin-top:8px;color:#fff}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;margin-top:22px;box-shadow:0 4px 20px #0000000c}.panel h2{margin:0 0 12px;font-size:24px}.panel h3{font-size:18px;margin-top:22px}.hint{color:var(--grey);font-size:13px;margin-top:-4px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:1fr 1fr}.grid.four{grid-template-columns:repeat(4,1fr)}.grid.small{gap:10px 14px}label{display:block;font-size:12px;color:#555;font-weight:700}input,select{width:100%;margin-top:6px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:14px}input:focus,select:focus{outline:2px solid #f3c4c8;border-color:var(--red)}.controls{border-top:5px solid var(--red)}.resultGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.resultGrid div{background:#111;color:white;border-radius:16px;padding:18px}.resultGrid strong{color:#fff}.barChart{display:grid;gap:10px;margin:12px 0 20px}.barRow{display:grid;grid-template-columns:160px 1fr 90px;align-items:center;gap:12px}.barLabel{font-size:13px;font-weight:700}.barTrack{height:17px;background:#e8e8e8;border-radius:100px;overflow:hidden}.barFill{height:100%;background:linear-gradient(90deg,var(--red),#ff6068);border-radius:100px}.barValue{font-size:13px;color:#555;text-align:right}table{width:100%;border-collapse:collapse;font-size:13px}th{background:#111;color:#fff;text-align:left;padding:10px}td{border-bottom:1px solid #e6e6e6;padding:10px;vertical-align:top}tr:nth-child(even) td{background:#fafafa}.formulas pre{white-space:pre-wrap;background:#111;color:#f7f7f7;padding:22px;border-radius:16px;font-size:13px;line-height:1.6;border-left:5px solid var(--red)}@media(max-width:900px){.hero,.grid.two,.grid.four,.resultGrid{grid-template-columns:1fr}.topbar{height:auto;gap:12px;align-items:flex-start;flex-direction:column;padding:14px 20px}nav a{margin:0 12px 0 0}.hero h1{font-size:28px}}