/* Migrated from inline <style> */
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; }
.hero-gradient { background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%); }
.calculator-card { box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1); border-radius: 12px; }
.process-step { transition: all 0.3s ease; }
.process-step:hover { transform: translateY(-5px); }
.loan-card { transition: all 0.3s ease; border-radius: 12px; overflow: hidden; }
.loan-card:hover { transform: translateY(-5px); box-shadow: 0 25px 50px -12px rgba(0,0,0,0.15); }
.btn-primary { background-color: #1e3a8a; transition: all 0.3s ease; border-radius: 8px; font-weight: 600; padding: 12px 24px; display: inline-block; }
.btn-primary:hover { background-color: #1e40af; transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); }
.btn-secondary { background-color: #3b82f6; transition: all 0.3s ease; border-radius: 8px; font-weight: 600; padding: 12px 24px; display: inline-block; }
.btn-secondary:hover { background-color: #2563eb; transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); }
.feature-icon { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; border-radius: 12px; }
.nav-link { position: relative; font-weight: 500; }
.nav-link::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 2px; background-color: #3b82f6; transition: width 0.3s ease; }
.nav-link:hover::after { width: 100%; }
.trust-badge { transition: all 0.3s ease; }
.trust-badge:hover { transform: scale(1.05); }
.counter { counter-increment: step-counter; }
.counter::before { content: counter(step-counter); position: absolute; top: -15px; left: 50%; transform: translateX(-50%); width: 32px; height: 32px; background-color: #1e3a8a; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; }
.testimonial-card { transition: all 0.3s ease; }
.testimonial-card:hover { transform: translateY(-5px); }
.pulse { animation: pulse 2s infinite; }
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4); } 70% { box-shadow: 0 0 0 12px rgba(59, 130, 246, 0); } 100% { box-shadow: 0 0 0 0 rgba(59, 130, 246, 0); } }
.security-badge { position: relative; }
.security-badge::before { content: ''; position: absolute; top: -10px; right: -10px; width: 24px; height: 24px; background-color: #10b981; border-radius: 50%; border: 2px solid white; }
.prose p { margin-bottom: 1rem; }