.boai-calc-app{--c:#7c3aed;--c2:#06b6d4;--bg:#0b1220;--card:#111b2e;--line:#26344c;--text:#edf4ff;--muted:#a9b7ca;max-width:1240px;margin:0 auto;padding:24px 18px 60px;color:var(--text)}
.boai-calc-hero{background:linear-gradient(135deg,#101a30,#0c1527);border:1px solid var(--line);border-radius:24px;padding:38px;margin-bottom:22px;box-shadow:0 18px 50px rgba(0,0,0,.16)}
.boai-calc-kicker{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#7dd3fc;margin-bottom:10px}
.boai-calc-hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.05;margin:0 0 12px;color:#fff}
.boai-calc-hero p{max-width:800px;color:var(--muted);font-size:1.04rem;margin:0 0 22px}
.boai-calc-search-wrap input{width:100%;max-width:720px;padding:15px 18px;border-radius:14px;border:1px solid #33445f;background:#0a1323;color:#fff;font-size:1rem;outline:none}
.boai-calc-search-wrap input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.12)}
.boai-calc-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}
.boai-calc-filters button{border:1px solid var(--line);background:#0f192c;color:#c8d4e5;padding:9px 14px;border-radius:999px;cursor:pointer;font-weight:700}
.boai-calc-filters button:hover,.boai-calc-filters button.active{background:#1b2b49;color:#fff;border-color:#4e678e}
.boai-calc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.boai-calc-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 12px 34px rgba(0,0,0,.12)}
.boai-calc-card[hidden]{display:none!important}
.boai-calc-icon{height:44px;width:44px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(6,182,212,.18));border:1px solid #364966;color:#dbeafe;font-weight:900;font-size:1.05rem;margin-bottom:13px}
.boai-calc-card h2{font-size:1.25rem;margin:0 0 7px;color:#fff}
.boai-calc-card>p{color:var(--muted);margin:0 0 18px;min-height:48px}
.boai-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.boai-fields label{display:flex;flex-direction:column;gap:6px;color:#c9d6e8;font-size:.88rem;font-weight:700}
.boai-fields input,.boai-fields select{width:100%;box-sizing:border-box;border:1px solid #33445f;background:#0a1323;color:#fff;padding:11px 12px;border-radius:10px;font:inherit;outline:none}
.boai-inline{display:grid;grid-template-columns:1fr 100px;gap:7px}
.boai-action{margin-top:15px;border:0;border-radius:10px;padding:11px 16px;font-weight:800;color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#0891b2)}
.boai-action:hover{filter:brightness(1.08)}
.boai-result{display:none;margin-top:15px;padding:14px;border-radius:12px;background:#0a1425;border:1px solid #30425f;color:#dce8f8;line-height:1.55}
.boai-result.show{display:block}
.boai-result strong{color:#fff}
.boai-result .big{display:block;font-size:1.28rem;font-weight:900;color:#7dd3fc;margin-bottom:5px}
.boai-result table{width:100%;border-collapse:collapse;margin-top:8px;font-size:.9rem}
.boai-result td{padding:6px;border-bottom:1px solid #23334b}
.boai-result td:last-child{text-align:right;color:#fff}
.boai-calc-note{margin-top:22px;padding:17px 19px;background:#0d1a2e;border:1px solid var(--line);border-radius:14px;color:#b9c7d9}
@media(max-width:800px){
 .boai-calc-grid{grid-template-columns:1fr}
 .boai-calc-hero{padding:26px 20px}
 .boai-fields{grid-template-columns:1fr}
 .boai-calc-card>p{min-height:0}
}