body { font-family: Arial, sans-serif; background: #f4f7fb; display: flex; justify-content: center; padding: 40px; } .contact-box { max-width: 700px; background: #ffffff; border: 3px solid #2563EB; border-radius: 12px; padding: 30px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); color: #333; } .contact-box h1 { text-align: center; font-size: 28px; color: #2563EB; margin-bottom: 25px; } .contact-item { background: #EFF6FF; border-left: 6px solid #2563EB; padding: 20px; margin-bottom: 20px; border-radius: 8px; } .contact-item h2 { font-size: 20px; color: #1E3A8A; margin-bottom: 10px; } .contact-item p { font-size: 16px; line-height: 1.6; } .contact-item a { color: #2563EB; font-weight: bold; text-decoration: none; } .contact-item a:hover { text-decoration: underline; }