.contact-card:hover { transform: translateY(-5px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } .nav-link:hover { color: #ef4444; } .floating-chat { position: fixed; bottom: 20px; right: 20px; z-index: 1000; } .sticky-contact { position: fixed; bottom: 20px; left: 20px; z-index: 1000; } .contact-method:hover { background-color: #fef2f2; transform: translateX(5px); } .form-input:focus { border-color: #ef4444; box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2); } .chat-bubble { position: relative; background: #f3f4f6; border-radius: 18px; padding: 12px 16px; max-width: 70%; } .chat-bubble:after { content: ''; position: absolute; left: 0; top: 50%; width: 0; height: 0; border: 10px solid transparent; border-right-color: #f3f4f6; border-left: 0; margin-top: -10px; margin-left: -10px; }