
.mbcc{
 --blue:#12365B;--blue-dark:#0A2745;--soft:#EEF4F9;--yellow:#F5C842;
 --text:#101820;--muted:#66717D;--border:#E4EAF0;--white:#fff;
 width:100%;max-width:1180px;margin:0 auto;padding:42px 24px;
 font-family:inherit;color:var(--text);
 background:
 radial-gradient(circle at 96% 3%,rgba(245,200,66,.14),transparent 24%),
 radial-gradient(circle at 3% 96%,rgba(18,54,91,.07),transparent 28%),#fff;
 border-radius:28px;box-sizing:border-box
}
.mbcc *{box-sizing:border-box}
.mbcc__head{text-align:center;max-width:760px;margin:0 auto 32px}
.mbcc__eyebrow{display:inline-flex;padding:7px 12px;border-radius:99px;background:var(--soft);color:var(--blue);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.mbcc__head h2{font-size:clamp(32px,4vw,48px);line-height:1.05;letter-spacing:-.04em;margin:14px 0 12px;font-weight:850}
.mbcc__head p,.mbcc__chart-head p{color:var(--muted);line-height:1.65;margin:0}
.mbcc__tabs{display:flex;justify-content:center;gap:7px;margin:0 auto 24px;padding:5px;background:var(--soft);border-radius:14px;width:max-content;max-width:100%}
.mbcc__tab{border:0;background:transparent;padding:11px 18px;border-radius:10px;font:inherit;font-size:14px;font-weight:800;color:var(--muted);cursor:pointer}
.mbcc__tab.is-active{background:#fff;color:var(--blue);box-shadow:0 5px 16px rgba(16,24,32,.08)}
.mbcc__layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:20px;align-items:stretch}
.mbcc__panel,.mbcc__results,.mbcc__chart{background:rgba(255,255,255,.96);border:1px solid var(--border);border-radius:22px;box-shadow:0 14px 38px rgba(16,24,32,.05)}
.mbcc__panel{padding:28px}
.mbcc__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mbcc__field{display:block;margin:0}
.mbcc__field>span,.mbcc__scenarios>span{display:block;font-size:13px;font-weight:800;margin:0 0 8px}
.mbcc__field small{display:block;color:var(--muted);font-size:11px;line-height:1.45;margin-top:7px}
.mbcc input,.mbcc select{font:inherit;border:1px solid var(--border);outline:none;background:#fff;color:var(--text);height:48px}
.mbcc input:focus,.mbcc select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(18,54,91,.08)}
.mbcc__money{display:grid;grid-template-columns:100px 1fr}
.mbcc__money select{border-radius:11px 0 0 11px;padding:0 10px}
.mbcc__money input{min-width:0;border-left:0;border-radius:0 11px 11px 0;padding:0 13px}
.mbcc__suffix{display:flex;position:relative}
.mbcc__suffix input{width:100%;border-radius:11px;padding:0 50px 0 13px}
.mbcc__suffix b{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--muted)}
.mbcc__scenarios{margin-top:22px;padding-top:20px;border-top:1px solid var(--border)}
.mbcc__scenarios>div{display:flex;gap:8px;flex-wrap:wrap}
.mbcc__scenarios button{border:1px solid var(--border);background:#fff;color:var(--blue);border-radius:10px;padding:9px 12px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.mbcc__scenarios button.is-active{background:var(--blue);color:#fff;border-color:var(--blue)}
.mbcc__results{padding:30px;background:linear-gradient(145deg,var(--blue-dark),var(--blue));color:#fff}
.mbcc__result-kicker{color:var(--yellow);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.mbcc__main-result{padding:22px 0 24px;border-bottom:1px solid rgba(255,255,255,.13)}
.mbcc__main-result span{display:block;color:rgba(255,255,255,.72);font-size:13px}
.mbcc__main-result strong{display:block;font-size:clamp(30px,4vw,43px);line-height:1.1;margin:7px 0;font-weight:900;letter-spacing:-.04em}
.mbcc__main-result small{color:rgba(255,255,255,.55);font-size:11px}
.mbcc__result-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:23px}
.mbcc__result-grid span,.mbcc__uva-projection span,.mbcc__traditional-extra span{display:block;color:rgba(255,255,255,.62);font-size:11px;margin-bottom:5px}
.mbcc__result-grid strong,.mbcc__uva-projection strong,.mbcc__traditional-extra strong{font-size:15px;color:#fff}
.mbcc__uva-projection,.mbcc__traditional-extra{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:23px;padding:16px;border-radius:14px;background:rgba(255,255,255,.08)}
.mbcc__chart{margin-top:20px;padding:28px}
.mbcc__chart-head{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}
.mbcc__chart-head h3{font-size:23px;margin:9px 0 0}
.mbcc__chart-head p{font-size:12px}
.mbcc__bars{height:220px;display:flex;align-items:flex-end;gap:10px;margin-top:28px;padding-top:20px;border-bottom:1px solid var(--border)}
.mbcc__bar{flex:1;min-width:0;text-align:center;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.mbcc__bar-value{font-size:10px;font-weight:750;color:var(--blue);margin-bottom:5px;white-space:nowrap}
.mbcc__bar-fill{width:min(36px,70%);min-height:5px;border-radius:7px 7px 0 0;background:linear-gradient(180deg,var(--yellow),#e3ad18)}
.mbcc__bar-label{font-size:10px;color:var(--muted);padding:7px 0}
.mbcc__notice{margin-top:18px;padding:16px 18px;border-radius:14px;background:var(--soft);color:var(--muted);font-size:11px;line-height:1.6}
.mbcc__notice strong{color:var(--blue)}
@media(max-width:850px){.mbcc__layout{grid-template-columns:1fr}.mbcc__chart-head{grid-template-columns:1fr}.mbcc__bars{overflow-x:auto;justify-content:flex-start}.mbcc__bar{min-width:48px}}
@media(max-width:600px){.mbcc{padding:30px 16px;border-radius:20px}.mbcc__grid{grid-template-columns:1fr}.mbcc__panel,.mbcc__results,.mbcc__chart{padding:21px}.mbcc__tabs{width:100%}.mbcc__tab{flex:1;padding:10px 8px;font-size:12px}.mbcc__result-grid{grid-template-columns:1fr 1fr}.mbcc__main-result strong{font-size:32px}.mbcc__bars{height:190px}}
