.calculator-layout { display:flex; gap:40px; padding:24px; max-width:1100px; margin:0 auto; }
.calc-block { flex:1; max-width:520px; background:#fff; border:1px solid #dde4ea; border-radius:14px; padding:28px; box-shadow:0 4px 20px rgba(0,0,0,0.06); }
.calc-block h1 { margin:0 0 8px; font-size:1.5rem; color:#7c3aed; }
.calc-intro { font-size:0.95rem; color:#6b7280; margin-bottom:16px; }
.calc-block label { display:block; margin-top:14px; font-weight:600; font-size:0.92rem; color:#1f2937; }
.calc-block input, .calc-block select { width:100%; padding:10px 12px; margin-top:6px; border:2px solid #dde4ea; border-radius:8px; font-size:15px; outline:none; transition:border-color 0.2s,box-shadow 0.2s; }
.calc-block input:focus, .calc-block select:focus { border-color:#7c3aed; box-shadow:0 0 0 3px #7c3aed22; }
.field-hint { margin:4px 0 0; font-size:0.8rem; color:#9ca3af; }
.calc-block button { width:100%; margin-top:22px; padding:13px; background:linear-gradient(135deg,#7c3aed,#7c3aeddd); color:#fff; border:none; border-radius:10px; font-size:1rem; font-weight:700; cursor:pointer; }
.calc-block button:hover { transform:translateY(-1px); box-shadow:0 4px 12px #7c3aed44; }
.result-block { background:#fff; padding:26px; border:1px solid #dde4ea; border-radius:14px; box-shadow:0 4px 20px rgba(0,0,0,0.06); min-width:300px; position:sticky; top:20px; }
.result-block h2 { margin:0 0 14px; color:#7c3aed; font-size:1.2rem; }
.result-placeholder { color:#9ca3af; font-style:italic; }
.result-hero { text-align:center; padding:20px; background:##7c3aed0f; border-radius:12px; margin-bottom:14px; }
.result-hero .hero-value { font-size:2.2rem; font-weight:800; color:#7c3aed; }
.result-hero .hero-label { font-size:0.9rem; color:#6b7280; }
.result-grid { display:flex; flex-wrap:wrap; gap:10px; }
.result-grid .metric { flex:1; min-width:120px; background:#f9fafb; padding:14px; border-radius:10px; text-align:center; }
.metric .metric-value { font-size:1.3rem; font-weight:700; color:#1f2937; }
.metric .metric-label { font-size:0.8rem; color:#6b7280; }
.breakdown { margin-top:16px; padding:14px; background:#f9fafb; border-radius:10px; font-size:0.9rem; line-height:1.6; }
.error-msg { color:#dc2626; padding:12px; background:#fef2f2; border-radius:8px; font-weight:600; }
.calculator-description { max-width:800px; margin:40px auto; padding:28px; background:#f8fafc; border:1px solid #e2e8f0; border-radius:14px; line-height:1.65; color:#333; }
.calculator-description h2,.calculator-description h3 { color:#7c3aed; margin-top:18px; }
@media(max-width:800px){ .calculator-layout{ flex-direction:column; } .calc-block{ max-width:100%; } .result-block{ position:static; } }