@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400&family=Instrument+Serif:ital@0;1&display=swap');
body { background: #fff; color: #1a1a1a; font-family: 'Inter', sans-serif; font-weight: 300; }
h1, h2 { 
  font-family: 'Instrument Serif', serif; 
  font-weight: 400; 
  font-style: italic; 
  font-size: 5.5rem !important; 
  line-height: 0.9; 
  color: #059669;
  letter-spacing: -0.03em;
}
.card, .calculator-widget { 
  background: #fafafa !important; 
  border: none !important;
  border-radius: 0 !important;
  padding: 4rem !important;
  transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) !important;
  will-change: transform;
}
.card:hover { transform: scale(0.98); background: #f0fdf4 !important; }

input, select { background: #f9fafb !important; border: 1px solid #e5e7eb !important; color: #111827 !important; border-radius: 50px !important; padding: 1rem 1.5rem !important; transition: border-color 0.3s ease; }
input:focus { outline: none; border-color: #059669 !important; background: #fff !important; }