.calculator-hero{min-height:auto}.calculator-hero:after{content:"ƒx"}.calculator-hero .hero-inner{padding-top:clamp(56px,8vw,92px);padding-bottom:clamp(50px,7vw,78px)}.calculator-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(250px,1fr);gap:clamp(2rem,6vw,5rem);align-items:start;padding:clamp(54px,7vw,88px) 0}.calculator-panel{padding:clamp(1.15rem,3vw,2rem);color:#eef5fa;background:linear-gradient(145deg,#0d2b4d,#071526);border:1px solid rgba(246,201,69,.25);border-radius:1.25rem;box-shadow:0 26px 70px rgba(7,21,38,.2)}.calculator-intro{display:grid;grid-template-columns:auto 1fr;gap:.9rem;margin-bottom:1.35rem;padding-bottom:1.2rem;border-bottom:1px solid rgba(255,255,255,.12)}.calculator-intro>span{display:grid;width:2.35rem;height:2.35rem;place-items:center;color:#071526;background:#f6c945;border-radius:50%;font-size:.78rem;font-weight:900}.calculator-intro h2{margin:0;color:#fff;font-size:clamp(1.15rem,2.3vw,1.45rem)}.calculator-intro p{margin:.4rem 0 0;color:#c3d0db;font-size:.94rem;line-height:1.65}.calculator-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.calculator-fields>label:last-child:nth-child(odd){grid-column:1/-1}.calculator label span{display:block;margin-bottom:.4rem;color:#c5d2dc;font-size:.84rem;font-weight:800}.calculator input,.calculator select{width:100%;min-height:52px;padding:.75rem .85rem;color:#fff;background:#06182b;border:1px solid rgba(152,184,211,.3);border-radius:.7rem;font-size:1rem}.calculator select{appearance:auto}.calculator input:focus,.calculator select:focus{border-color:#f6c945;outline:none;box-shadow:0 0 0 3px rgba(246,201,69,.13)}.calculator-actions{display:flex;gap:.65rem;margin:1rem 0}.calculator-actions button{min-height:44px;padding:.65rem 1rem;color:#071526;background:#f6c945;border:0;border-radius:.65rem;font-weight:850;cursor:pointer}.calculator-actions button[type=reset]{color:#d6e1eb;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15)}.calculator-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;background:#06182b;border:1px solid rgba(255,255,255,.12);border-radius:.85rem}.calculator-results.single{grid-template-columns:1fr}.calculator-results span{min-width:0;padding:1rem;border-inline-end:1px solid rgba(255,255,255,.1)}.calculator-results span:last-child{border:0}.calculator-results small{display:block;color:#9fb1c0;font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.calculator-results strong{display:block;overflow-wrap:anywhere;margin-top:.35rem;color:#f6c945;font-size:clamp(1.1rem,2.5vw,1.5rem)}.calculator-formula{margin:1rem 0 0;color:#b8c6d1;font-size:.86rem;line-height:1.55}.calculator-formula b{display:block;color:#f6c945}.calculator-guide{margin-top:2rem;padding:clamp(1.25rem,3vw,1.65rem);background:#e7ecef;border:1px solid #d4dde3;border-radius:1rem}.calculator-guide-head{display:flex;align-items:center;gap:.7rem}.calculator-guide-head>span{display:grid;width:2rem;height:2rem;place-items:center;color:#071526;background:#f6c945;border-radius:50%;font-size:.75rem;font-weight:900}.calculator-guide h2{margin:0;color:#0c2848;font-size:1.35rem}.calculator-guide ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1rem 0 0;padding:0;list-style:none}.calculator-guide li{display:grid;grid-template-columns:auto 1fr;gap:.65rem;padding:.85rem;background:#fff;border:1px solid #d8e0e5;border-radius:.75rem}.calculator-guide li b{color:#976b00;font-size:.78rem}.calculator-guide li p{margin:0;color:#465766;font-size:.92rem;line-height:1.55}.calculator-example{margin-top:.8rem;padding:1rem 1.1rem;color:#eaf1f7;background:#0c2848;border-radius:.8rem}.calculator-example strong{color:#f6c945}.calculator-example p{margin:.4rem 0 0;color:#c7d3de;font-size:.92rem;line-height:1.65}.calculator-layout .side{position:sticky;top:104px}
@media(max-width:900px){.calculator-layout{grid-template-columns:1fr}.calculator-layout .side{position:static;grid-row:2}}@media(max-width:620px){.calculator-fields,.calculator-guide ol{grid-template-columns:1fr}.calculator-fields>label:last-child:nth-child(odd){grid-column:auto}.calculator-results{grid-template-columns:1fr}.calculator-results span{border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.1)}}

.calculator-error{color:#ffb4bc;font-size:.875rem;line-height:1.6;grid-column:1/-1}.calculator-error[hidden]{display:none}