:root{--spr-navy:#001DA1;--spr-cyan:#05AFEE;--spr-ink:#0b1220;--spr-muted:#64748b;--spr-line:#e2e8f0;--spr-soft:#f8fbff}.spr-pit{max-width:1040px;margin:24px auto;padding:18px;border:1px solid var(--spr-line);border-radius:22px;background:linear-gradient(180deg,#fff,var(--spr-soft));box-shadow:0 12px 34px rgba(15,23,42,.06)}.spr-pit__header{margin-bottom:16px}.spr-pit__kicker{font-weight:800;color:var(--spr-cyan);text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px}.spr-pit h2{margin:0;color:var(--spr-ink);font-size:clamp(22px,3vw,34px);line-height:1.15}.spr-pit__header p:not(.spr-pit__kicker){margin:8px 0 0;color:var(--spr-muted)}.spr-pit__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:820px){.spr-pit__grid{grid-template-columns:1fr}}.spr-pit__card{background:#fff;border:1px solid var(--spr-line);border-radius:18px;padding:18px}.spr-pit label{display:block;font-weight:700;margin:12px 0 6px;color:var(--spr-ink)}.spr-pit input{width:100%;box-sizing:border-box;border:1px solid var(--spr-line);border-radius:14px;padding:12px 14px;font-size:16px}.spr-pit button{margin-top:16px;border:0;border-radius:14px;padding:13px 18px;font-weight:800;cursor:pointer;background:var(--spr-navy);color:#fff}.spr-pit__result h3{margin:0 0 12px}.spr-pit dl{margin:0}.spr-pit dl div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px dashed var(--spr-line);padding:12px 0}.spr-pit dt{color:var(--spr-muted)}.spr-pit dd{margin:0;font-weight:900;color:var(--spr-navy)}.spr-pit__note{margin:14px 0 0;color:var(--spr-muted);font-size:13px;line-height:1.5}