.contact-page{padding-top:var(--space-6);padding-bottom:var(--space-8);max-width:var(--size-main-width);margin:0 auto;padding-left:var(--space-4);padding-right:var(--space-4);display:flex;gap:var(--space-6)}.contact-page h1{margin-bottom:var(--space-6)}.contact-image{display:none}@media(min-width:768px){.contact-page{padding-left:0;padding-right:0}.contact-image{display:block;aspect-ratio:4 / 5;flex:1;object-fit:cover;min-width:0}.contact-form-container{flex:3;min-width:0}}.contact-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-weight:500}.form-group input,.form-group textarea{padding:var(--space-3);border:1px solid #ccc;border:1px solid var(--color-border, #e2e8f0);border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}:is(.form-group input,.form-group textarea):focus{outline:none;border-color:var(--color-primary, #000);box-shadow:0 0 0 3px #0000001a}.form-group textarea{min-height:150px;resize:vertical}.submit-btn{background-color:var(--color-primary, #000);color:#fff;padding:var(--space-3) var(--space-6);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;align-self:flex-start;transition:opacity .2s}.submit-btn:hover{opacity:.9}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{color:#e53e3e;background-color:#fff5f5;padding:var(--space-3);border-radius:8px;border:1px solid #fed7d7}.success-message{color:#2f855a;background-color:#f0fff4;padding:var(--space-3);border-radius:8px;border:1px solid #c6f6d5;text-align:center}