.calculator-wrapper{ max-width:1200px; margin:auto; padding:30px 20px; font-family:Arial, Helvetica, sans-serif; } .calculator-wrapper h1{ text-align:center; font-size:36px; margin-bottom:10px; color:#1e73be; } .calculator-wrapper p.intro{ text-align:center; color:#555; font-size:16px; margin-bottom:40px; } .calculator-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:20px; } .calc-box{ border:1px solid #e0e0e0; border-radius:12px; padding:25px 20px; background:#fff; transition:all 0.3s ease; text-align:center; } .calc-box:hover{ box-shadow:0 12px 30px rgba(0,0,0,0.1); transform:translateY(-5px); } .calc-box h3{ margin-top:0; font-size:20px; color:#1e73be; } .calc-box p{ font-size:14px; color:#555; margin-bottom:15px; } .calc-box a{ display:inline-block; padding:10px 16px; background:#1e73be; color:#fff; border-radius:6px; text-decoration:none; font-size:14px; } .calc-box a:hover{ background:#155a96; } .result-info{ margin-top:50px; background:#f9fafc; border-left:4px solid #1e73be; padding:25px; border-radius:10px; } .result-info h2{ margin-top:0; } .faq-section{ margin-top:50px; } .faq-section h2{ font-size:26px; color:#1e73be; margin-bottom:20px; } .faq-section h3{ margin-top:20px; font-size:18px; color:#1e73be; } .faq-section p{ font-size:14px; color:#555; } .calc-icon{ font-size:40px; color:#1e73be; margin-bottom:10px; }