.contact-page {
display: grid;
grid-template-columns: 360px 1fr;
min-height: 720px;
margin: -2rem -1rem 0 -1rem;
}

.contact-sidebar {
background: #6b1748;
color: #ffffff;
display: flex;
flex-direction: column;
}

.contact-photo {
width: 100%;
height: 430px;
object-fit: cover;
filter: grayscale(100%);
}

.contact-info {
padding: 2rem;
}

.contact-info h2 {
color: #ffffff;
font-size: 1.45rem;
margin-bottom: 0.2rem;
}

.contact-subtitle {
font-weight: 600;
margin-bottom: 1.5rem;
opacity: 0.9;
}

.contact-info p {
margin: 0.85rem 0;
font-size: 0.98rem;
}

.contact-info i {
width: 1.5rem;
display: inline-block;
}

.contact-info a {
color: #ffffff;
text-decoration: none;
}

.contact-info a:hover {
text-decoration: underline;
}

.contact-form-area {
padding: 3rem 4rem;
background: #f7f9fb;
}

.contact-form-area h1 {
font-size: 2.4rem;
margin-bottom: 1rem;
color: #102044;
}

.contact-intro {
max-width: 780px;
font-size: 1.08rem;
margin-bottom: 2rem;
color: #334155;
}

.contact-form {
max-width: 850px;
}

.contact-form label {
display: block;
margin-top: 1.1rem;
margin-bottom: 0.35rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
font-size: 0.82rem;
color: #102044;
}

.contact-form input,
.contact-form textarea {
width: 100%;
border: 1px solid #cbd5e1;
background: #ffffff;
padding: 0.85rem 1rem;
font-size: 1rem;
border-radius: 0;
}

.contact-form input:focus,
.contact-form textarea:focus {
outline: none;
border-color: #6b1748;
box-shadow: 0 0 0 3px rgba(107, 23, 72, 0.12);
}

.consent {
display: flex !important;
gap: 0.7rem;
align-items: flex-start;
text-transform: none !important;
letter-spacing: normal !important;
font-weight: 500 !important;
}

.consent input {
width: auto;
margin-top: 0.2rem;
}

.contact-form button {
margin-top: 1.3rem;
background: #243c8f;
color: #ffffff;
border: none;
padding: 0.9rem 1.8rem;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
cursor: pointer;
}

.contact-form button:hover {
background: #172554;
}

.form-note {
margin-top: 1.5rem;
color: #475569;
}

@media (max-width: 900px) {
.contact-page {
grid-template-columns: 1fr;
}

.contact-photo {
height: 360px;
}

.contact-form-area {
padding: 2rem;
}
}