@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;500;700&family=Lora:ital@1&display=swap');
body { background-color: #fcfcf9; color: #2d3319; font-family: 'Outfit', sans-serif; }
h1, h2 { font-family: 'Outfit', sans-serif; font-weight: 700; color: #166534; letter-spacing: -0.02em; }
.beat-text { font-family: 'Lora', serif; font-style: italic; opacity: 0.8; }
.card, .calculator-widget { 
  background: #fff !important; 
  border: 1px solid #e5e7eb !important; 
  border-radius: 32px !important;
  transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}
.card:hover { transform: translateY(-8px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1) !important; }

input, select { background: #f7f7f2 !important; border: 2px solid #ecfccb !important; color: #2d3319 !important; border-radius: 20px !important; padding: 0.75rem 1.25rem !important; }
input:focus { outline: none; border-color: #16a34a !important; background: #fff !important; }