.contact-hero{padding:calc(72px + var(--space-16)) 0 var(--space-12);background:linear-gradient(180deg,var(--color-primary-bg) 0%,var(--color-bg) 100%);text-align:center}.contact-hero__inner{max-width:600px;margin:0 auto}.contact-hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg);border:1px solid var(--color-primary-lighter);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);margin-bottom:var(--space-6)}.contact-hero__title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);letter-spacing:-.03em;margin-bottom:var(--space-4)}.contact-hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.contact-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:var(--space-12);align-items:start}.contact-form{display:flex;flex-direction:column;gap:var(--space-5)}.contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.contact-form__field{display:flex;flex-direction:column;gap:var(--space-2)}.contact-form__field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.contact-form__field input,.contact-form__field select,.contact-form__field textarea{padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-bg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.contact-form__field input:focus,.contact-form__field select:focus,.contact-form__field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0f766e1a}.contact-form__field input::placeholder,.contact-form__field textarea::placeholder{color:var(--color-text-tertiary)}.contact-form__field textarea{resize:vertical;min-height:100px}.contact-form__note{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-2)}.contact-form__note svg{color:var(--color-success)}.contact-success{text-align:center;padding:var(--space-16) var(--space-8)}.contact-success__icon{display:flex;justify-content:center;align-items:center;color:var(--color-success);margin-bottom:var(--space-4)}.contact-success__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.contact-success__text{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:400px;margin:0 auto}.contact-sidebar{display:flex;flex-direction:column;gap:var(--space-6);position:sticky;top:96px}.contact-sidebar__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.contact-sidebar__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-5)}.contact-sidebar__steps{display:flex;flex-direction:column;gap:var(--space-4)}.contact-sidebar__step{display:flex;gap:var(--space-3)}.contact-sidebar__step-num{width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.contact-sidebar__step strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:block;margin-bottom:2px}.contact-sidebar__step p{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.contact-sidebar__info{display:flex;flex-direction:column;gap:var(--space-3)}.contact-sidebar__info a,.contact-sidebar__info span{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.contact-sidebar__info a:hover{color:var(--color-primary)}.contact-sidebar__info svg{color:var(--color-primary);flex-shrink:0}@media(max-width:768px){.contact-layout{grid-template-columns:1fr;gap:var(--space-8)}.contact-form__row{grid-template-columns:1fr}.contact-sidebar{position:static}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}