/* Contact page */
.contact-hero {
    background: radial-gradient(ellipse at 82% 25%, #12464b, transparent 60%)
}

.contact-grid {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: clamp(35px, 6vw, 90px);
    align-items: start
}

.contact-primary h2,
.contact-people h2 {
    margin: 16px 0 20px
}

.contact-primary>p {
    max-width: 610px;
    line-height: 1.85;
    color: var(--muted)
}

.registration-panel,
.email-panel,
.info-box {
    margin-top: 32px;
    padding: clamp(22px, 4vw, 38px);
    border: 1px solid #2a8990;
    background: linear-gradient(145deg, #102d34, #0a171f)
}

.registration-panel p,
.email-panel p,
.info-box p,
.form-note {
    color: var(--muted);
    line-height: 1.7;
    margin: 18px 0 25px
}

.form-note {
    margin-bottom: 0;
    font-size: 14px;
    color: #d7edf0
}

.panel-label {
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    color: var(--cyan);
    margin-bottom: 12px
}

.email-link {
    display: inline-block;
    color: #fff;
    font-weight: 800;
    font-size: clamp(17px, 2.2vw, 26px);
    overflow-wrap: anywhere;
    text-decoration: none;
    border-bottom: 1px solid #5de5e5;
    padding-bottom: 8px
}

.email-link:hover {
    color: var(--cyan)
}

.info-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px
}

.info-box {
    margin-top: 20px;
    min-height: 180px
}

.info-box .email-link {
    font-size: clamp(15px, 1.8vw, 20px)
}

.coach-card {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 25px 0;
    border-top: 1px solid #294650
}

.coach-symbol {
    flex: none;
    display: grid;
    place-items: center;
    width: 66px;
    height: 66px;
    border: 1px solid #47e7e7;
    background: #0c2d34;
    color: var(--cyan);
    font-weight: 900;
    letter-spacing: 1px;
    font-size: 20px
}

.coach-card h3 {
    font-size: clamp(23px, 3vw, 32px);
    margin: 0 0 10px
}

.coach-card p,
.contact-note {
    color: var(--muted);
    line-height: 1.7;
    margin: 0
}

.contact-note {
    padding: 20px;
    border-left: 2px solid var(--cyan);
    background: #10232b
}

.contact-bottom {
    padding-top: 0
}

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

    .info-row {
        grid-template-columns: 1fr
    }

    .coach-card {
        gap: 15px
    }
}