.contact-container { max-width:500px; margin:2rem auto; padding:2rem; background:#f9f9f9; border-radius:10px; box-shadow:0 4px 15px rgba(0,0,0,0.1);}
.contact-container h1 { text-align:center; color:#007bff; margin-bottom:1rem; }
.contact-container form { display:flex; flex-direction:column; gap:1rem; }
.contact-container input, .contact-container textarea, .contact-container button { padding:0.75rem; border-radius:5px; border:1px solid #ccc; font-size:1rem; width:100%; }
.contact-container button { background:#007bff; color:#fff; border:none; cursor:pointer; font-weight:600; transition:0.3s; }
.contact-container button:hover { background:#0056b3; }

.toast { position: fixed; bottom: 2rem; right: 2rem; padding: 1rem 1.5rem; background-color: #007bff; color: #fff; border-radius: 8px; opacity: 0; transform: translateY(20px); transition: all 0.5s ease; z-index: 2000; }
.toast.error { background-color: #dc3545; }
.toast.show { opacity: 1; transform: translateY(0); }