.contact-page{width:100%;max-width:900px;padding:var(--space-lg) var(--space-md);gap:var(--space-xl);box-sizing:border-box;grid-template-columns:1fr;margin:0 auto;display:grid;overflow-x:hidden}.contact-info{padding:var(--space-lg);background:linear-gradient(135deg, var(--color-primary), #9b0070);border-radius:var(--radius-lg);color:#fff}.contact-info__title{color:#fff;margin-bottom:var(--space-sm);font-size:1.6rem}.contact-info__sub{opacity:.85;font-size:var(--font-size-sm);margin-bottom:var(--space-lg);line-height:1.6}.contact-info__list{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.contact-info__list li{align-items:flex-start;gap:var(--space-sm);display:flex}.contact-info__icon{border-radius:var(--radius-md);background:#fff3;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.contact-info__list li div{flex-direction:column;gap:2px;display:flex}.contact-info__list li strong{text-transform:uppercase;letter-spacing:.04em;opacity:.7;font-size:.8rem}.contact-info__list li span{font-size:.95rem}.contact-form-section{border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);background:#fff}.contact-form{gap:var(--space-md);flex-direction:column;display:flex}.contact-form__title{color:var(--color-black);margin-bottom:var(--space-sm);align-items:center;gap:var(--space-xs);font-size:1.25rem;display:flex}.contact-field{flex-direction:column;gap:6px;display:flex}.contact-field label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text);align-items:center;gap:5px;font-size:.75rem;font-weight:700;display:flex}.contact-field input,.contact-field select,.contact-field textarea{padding:.75rem var(--space-md);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-body);transition:var(--transition);color:var(--color-text);background:#fcfcfc}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:var(--color-primary);background:#fff;outline:none;box-shadow:0 0 0 4px #d1008c14}.contact-field textarea{resize:vertical;min-height:120px}.contact-btn{justify-content:center;align-items:center;gap:var(--space-xs);border-radius:var(--radius-md);background:var(--color-primary);color:#fff;width:100%;font-size:1rem;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:var(--transition);border:none;padding:.85rem;display:flex}.contact-btn:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.contact-btn:disabled{opacity:.7;cursor:not-allowed}.contact-error{padding:var(--space-sm);border-radius:var(--radius-sm);color:#b91c1c;font-size:var(--font-size-sm);text-align:center;background:#fef2f2;border:1px solid #fee2e2}.contact-success{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-xl);text-align:center;flex-direction:column;display:flex}.contact-success__icon{color:var(--color-success)}.contact-success h2{color:var(--color-black);font-size:1.5rem}.contact-success p{color:var(--color-text-muted);max-width:320px}@media (max-width:480px){.contact-page{padding:var(--space-md) var(--space-sm);gap:var(--space-lg)}.contact-info{padding:var(--space-md)}.contact-info__title{font-size:1.3rem}.contact-form-section{padding:var(--space-md)}}.contact-field-error{color:#e11d48;margin-top:5px;font-size:.8rem;font-weight:500}