body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: #24282d; color: #fff; margin: 0; padding: 0; } .back-link { display: inline-block; margin: 20px; padding: 6px 10px; background: #0b0d11; border-radius: 4px; color: #fff; text-decoration: none; font-size: 14px; transition: all 0.25s ease; } .back-link:hover { text-decoration: underline; background-color: #1c2430; color: #fff; } .contact-container { max-width: 500px; margin: 60px auto; background: #0b0d11; padding: 30px; border-radius: 8px; text-align: center; } h1 { font-size: 32px; margin-bottom: 10px; color: white; } .contact-container p { margin-bottom: 20px; font-size: 16px; color: white; } .email-box { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; } .email-box input { padding: 10px; width: 260px; border: none; border-radius: 4px; background-color: #222; color: white; font-size: 15px; } .email-box button { padding: 10px 18px; border: none; border-radius: 4px; background-color: #e1e1e1; color: #111; font-weight: 600; cursor: pointer; } .email-box button:hover { background-color: transparent; color: white; } @media (max-width: 600px) { .email-box { flex-direction: column; } .email-box input, .email-box button { width: 100%; } }