/* Custom styles to complement Tailwind CSS */ :root { --burgundy-primary: #8b1c21; --burgundy-dark: #6b1521; --burgundy-darker: #3d0a12; } html { scroll-behavior: smooth; } /* Prevent anchor links from being hidden behind sticky header */ section[id] { scroll-margin-top: 4rem; } /* Logo sizing consistency */ nav img[alt="RHII Financial Services"] { object-fit: contain; } /* Subtle inner glow on burgundy cards */ .bg-burgundy-900 { box-shadow: inset 0 1px 0 rgba(255,255,255,0.06); } /* Card hover lift animation — also defined inline in for priority */ .card-lift { transition: transform 0.3s ease, box-shadow 0.3s ease; } .card-lift:hover { transform: translateY(-8px) scale(1.025); box-shadow: 0 24px 48px rgba(0, 0, 0, 0.15); } /* Form focus ring in burgundy */ input:focus, select:focus, textarea:focus { outline: none; box-shadow: 0 0 0 3px rgba(139, 28, 33, 0.25); }