.contact-page{max-width:920px;margin:0 auto;padding:0 var(--space-lg) var(--space-2xl)}.contact-page__back{display:inline-flex;align-items:center;min-height:24px;padding:4px 6px 4px 0;font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-xl);transition:color var(--transition-fast)}.contact-page__back:hover{color:var(--color-accent)}.contact-page__back:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:2px}.contact-page__hero{margin-bottom:var(--space-2xl)}.contact-page__title{font-family:var(--font-heading);font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-md);color:var(--color-text)}.contact-page__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);line-height:1.55;max-width:640px}.contact-page__channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md);margin-bottom:var(--space-2xl)}.contact-card{display:block;padding:var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:inherit;text-decoration:none;transition:transform .25s cubic-bezier(.4,0,.2,1),border-color .25s ease,box-shadow .25s ease}.contact-card:hover{transform:translateY(-3px);border-color:var(--color-accent);box-shadow:var(--shadow-md)}.contact-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-color:var(--color-accent)}.contact-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xs)}.contact-card__label{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;color:var(--color-text)}.contact-card__cta{font-size:var(--text-xs);font-weight:500;color:var(--color-accent);opacity:0;transform:translate(-4px);transition:opacity .25s ease,transform .25s ease}.contact-card:hover .contact-card__cta,.contact-card:focus-visible .contact-card__cta{opacity:1;transform:translate(0)}@media(hover:none){.contact-card__cta{opacity:1;transform:translate(0)}}.contact-card__value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-sm);word-break:break-word}.contact-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5;margin:0}.contact-support{margin-bottom:var(--space-2xl)}.contact-support-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 8%,transparent) 0%,var(--color-bg-card) 100%);border:1px solid color-mix(in srgb,var(--color-accent) 30%,var(--color-border));border-radius:var(--radius-lg);color:inherit;text-decoration:none;transition:transform .25s cubic-bezier(.4,0,.2,1),border-color .25s ease,box-shadow .25s ease}.contact-support-card:hover{transform:translateY(-2px);border-color:var(--color-accent);box-shadow:var(--shadow-md)}.contact-support-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.contact-support-card__icon{flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent)}.contact-support-card__icon svg{width:22px;height:22px}.contact-support-card__body{flex:1;min-width:0}.contact-support-card__title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;color:var(--color-text);margin:0 0 4px}.contact-support-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5;margin:0}.contact-support-card__cta{flex-shrink:0;font-size:var(--text-sm);font-weight:500;color:var(--color-accent);white-space:nowrap}@media(max-width:640px){.contact-support-card{flex-direction:column;align-items:flex-start;text-align:left}.contact-support-card__cta{margin-top:var(--space-xs)}}.contact-form{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-xl);background:var(--color-bg-card)}.contact-form__inner{max-width:640px;margin:0 auto}.contact-form__badge{display:inline-block;font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent);padding:4px 10px;border-radius:var(--radius-full);margin-bottom:var(--space-md)}.contact-form__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm)}.contact-form__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-xl)}.contact-form__form{display:flex;flex-direction:column;gap:var(--space-md)}.contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.contact-form__field{display:flex;flex-direction:column;gap:6px}.contact-form__label{font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.contact-form__input,.contact-form__textarea{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px;min-height:44px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.contact-form__textarea{resize:vertical;min-height:120px;font-family:var(--font-body);line-height:1.5}.contact-form__input:hover,.contact-form__textarea:hover{border-color:color-mix(in srgb,var(--color-accent) 40%,var(--color-border))}.contact-form__input:focus-visible,.contact-form__textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-color:var(--color-accent)}.contact-form__submit{align-self:flex-start;font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--color-bg);background:var(--color-accent);border:none;border-radius:var(--radius-sm);padding:12px 24px;min-height:44px;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.contact-form__submit:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.contact-form__submit:active{transform:translateY(0)}.contact-form__hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-xs)}@media(max-width:640px){.contact-page{padding:0 var(--space-md) var(--space-xl)}.contact-form{padding:var(--space-xl) var(--space-md)}.contact-form__row{grid-template-columns:1fr}}