.contact-section{background-color:var(--surface-background)}.contact-container{max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding:var(--space-0) var(--space-24)}.contact-header{text-align:center;margin-bottom:var(--space-48)}.contact-title{font-size:var(--text-h2);font-weight:700;color:var(--primary-text);margin-bottom:var(--space-8);line-height:1.2}.contact-subtitle{color:var(--secondary-text);font-size:var(--text-lg);max-width:42rem;margin-left:auto;margin-right:auto}.contact-divider{width:6rem;height:4px;background-color:var(--interactive-blue);margin-left:auto;margin-right:auto;margin-top:var(--space-16)}.contact-form-wrapper{max-width:48rem;margin-left:auto;margin-right:auto;background-color:var(--primary-background);padding:var(--space-32);border-radius:var(--radius-lg);box-shadow:var(--custom-shadow)}@media (min-width:768px){.contact-form-wrapper{padding:var(--space-48)}}.contact-form{display:flex;flex-direction:column;gap:var(--space-24)}.contact-form-grid{display:grid;gap:var(--space-24)}@media (min-width:768px){.contact-form-grid{grid-template-columns:repeat(2,1fr)}}.contact-input,.contact-textarea{width:100%;padding:var(--space-16);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:box-shadow .2s;background-color:var(--primary-background);color:var(--primary-text)}.contact-input:focus,.contact-textarea:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:0 0 0 2px var(--interactive-blue);border-color:var(--interactive-blue)}.contact-submit-wrapper{text-align:center}.contact-submit-button{background:var(--btn-gradient-primary);color:white;font-size:var(--text-lg);font-weight:600;padding:.875rem var(--space-40);border-radius:var(--radius-xl);transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(var(--rgb-white),.1);box-shadow:var(--btn-glow-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.contact-submit-button:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 30px rgba(var(--rgb-indigo-strong),.5);filter:brightness(1.1)}.contact-submit-button:disabled{background-color:var(--neutral-400);transform:scale(1);cursor:not-allowed}@media (min-width:768px){.contact-submit-button{width:auto}}.contact-feedback{text-align:center;padding:var(--space-32);border-radius:var(--radius-lg)}.contact-feedback.success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:var(--color-success-strong)}.contact-feedback.error{background-color:#fef2f2;border:1px solid #fecaca;color:var(--color-danger-strong);margin-top:var(--space-16);padding:var(--space-16)}.contact-feedback h3{font-size:var(--text-h4);font-weight:700;margin-bottom:var(--space-8)}.contact-feedback-button{margin-top:var(--space-24);background:none;border:none;color:var(--interactive-blue);font-weight:600;cursor:pointer;text-decoration:underline}.contact-file-label{display:inline-flex;align-items:center;gap:var(--space-8);padding:.6rem var(--space-16);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;font-weight:500;color:var(--secondary-text)}.contact-file-label:hover{background-color:var(--surface-background);border-color:var(--interactive-blue);color:var(--interactive-blue)}.contact-file-label .w-5{width:1.25rem}.contact-file-label .h-5{height:1.25rem}.contact-file-preview{display:flex;align-items:center;gap:var(--space-12);margin-top:var(--space-12);padding:var(--space-8) var(--space-12);background-color:var(--surface-background);border-radius:var(--radius-lg);font-size:var(--text-sm)}.contact-file-name{color:var(--primary-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-file-remove{background:none;border:none;cursor:pointer;color:var(--secondary-text);font-size:var(--text-h5);line-height:1;padding:var(--space-4);border-radius:var(--radius-pill)}.contact-file-remove:hover{color:var(--primary-text);background-color:var(--border-color)}