.contact-page{display:block}

.contact-hero__inner{display:flex;justify-content:center}
.contact-hero__text{max-width:600px;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}
.contact-hero__scroll{color:var(--color-accent-gold);font-size:1.5rem;animation:contact-bounce 2s infinite}
@keyframes contact-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}

.contact-modes__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.contact-mode{display:flex;flex-direction:column;gap:var(--space-3)}
.contact-mode--accent{border-top:2px solid var(--color-accent-burgundy)}
.contact-mode:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}

.contact-form__wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}
.contact-form__intro{max-width:720px;display:flex;flex-direction:column;gap:var(--space-3)}
.contact-form{max-width:720px;width:100%;display:flex;flex-direction:column;gap:var(--space-4)}
.contact-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.contact-field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}
.contact-field--full{grid-column:1 / -1}
.contact-form__feedback{font-size:var(--text-xs);color:var(--color-text-secondary)}

.contact-info__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.contact-info__col{display:flex;flex-direction:column;gap:var(--space-3)}

.contact-experience__inner{display:flex;justify-content:center}
.contact-experience__text{max-width:600px;display:flex;flex-direction:column;gap:var(--space-3)}

.contact-newsletter__inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}
.contact-newsletter__form{display:flex;gap:var(--space-3);max-width:500px;width:100%}
.contact-newsletter__form input{flex:1}

.contact-responsible__inner{display:flex;justify-content:center}
.contact-responsible__box{max-width:800px;border:1px solid var(--color-border);padding:var(--space-4);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-3)}

.contact-closing__inner{display:flex;justify-content:center}
.contact-closing__text{max-width:520px;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

@media(max-width:900px){
.contact-modes__grid{grid-template-columns:1fr}
.contact-form__grid{grid-template-columns:1fr}
.contact-info__grid{grid-template-columns:1fr}
.contact-newsletter__form{flex-direction:column}
}