.contact-header {text-align:center;margin-bottom:15px;padding:16px 12px;background:linear-gradient(135deg,var(--primary-color); 0%,#764ba2 100%);color:white;border-radius:12px;}
.contact-header h1 {margin-bottom:16px;font-weight:700;}
.contact-header p {opacity:0.9;max-width:600px;margin:0 auto;}
.contact-content {margin-bottom:25px;}
.contact-method {margin-bottom:25px;padding:20px;background:#f8f9fa;border-radius:8px;border-left:4px solid var(--primary-color);;}
.contact-method h3 {color:#333;margin-bottom:10px;}
.contact-method p {color:#666;margin-bottom:8px;}
.contact-method a {color:var(--primary-color);;text-decoration:none;font-weight:600;}
.contact-method a:hover {text-decoration:underline;}
.contact-form {padding:5px;}
.contact-form h2 {color:#333;margin-bottom:20px;border-bottom:3px solid var(--primary-color);;padding-bottom:10px;}
.form-group {margin-bottom:20px;}
.form-group label {display:block;margin-bottom:8px;color:#333;font-weight:600;}
.form-group input,.form-group select,.form-group textarea {width:100%;padding:12px;border:2px solid #e1e5e9;border-radius:6px;transition:border-color 0.3s ease;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus {outline:none;border-color:var(--primary-color);;}
.form-group textarea {resize:vertical;min-height:120px;}
.submit-btn {background:var(--primary-color);;color:white;padding:12px 24px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background 0.3s ease;}
.submit-btn:hover {background:#5a6fd8;}

.copy-toast {min-width: 220px; position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(100px);background:linear-gradient(135deg,#10b981,#059669);color:white;padding:12px 20px;border-radius:10px;font-size:14px;opacity:0;transition:0.4s cubic-bezier(0.68,-0.55,0.265,1.55);z-index:1000;pointer-events:none;}
.copy-toast.show {opacity:1;transform:translateX(-50%) translateY(0);}

.loading-spinner {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  border-top-color: transparent;
  border-radius: 50%;
  margin-right: 6px;
  animation: spin 0.6s linear infinite;
  vertical-align: middle;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}