.contact-page {
    min-height: 100vh;
    background:
        radial-gradient(circle at 82% 14%, rgba(57, 255, 20, 0.1), transparent 28rem),
        var(--background);
}

.contact-nav {
    position: relative;
    min-height: 104px;
    border-bottom: 1px solid var(--line);
    background: rgba(5, 6, 7, 0.94);
}

.contact-page .nav-links > a[aria-current="page"] { color: var(--accent); }

.contact-main {
    width: min(90%, 760px);
    margin: 0 auto;
    padding: clamp(4rem, 9vw, 7rem) 0 clamp(5rem, 10vw, 8rem);
}

.contact-intro h1 {
    max-width: none;
    font-size: clamp(2.8rem, 8vw, 5.6rem);
}

.contact-intro > p:last-child {
    max-width: 650px;
    margin: 1.4rem 0 0;
    color: var(--muted);
    font-size: clamp(1.05rem, 2.2vw, 1.25rem);
}

.support-form {
    display: grid;
    gap: 1.2rem;
    margin-top: 2.4rem;
    padding: clamp(1.2rem, 4vw, 2rem);
    border: 1px solid rgba(57, 255, 20, 0.35);
    border-radius: 16px;
    background: rgba(12, 13, 16, 0.94);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.35);
}

.form-field { display: grid; gap: 0.42rem; }
.form-field label { color: var(--text); font-size: 0.9rem; font-weight: 700; }
.form-field input,
.form-field textarea {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 7px;
    background: #08090b;
    padding: 0.78rem 0.88rem;
    color: var(--text);
    font: inherit;
}
.form-field textarea { min-height: 11rem; resize: vertical; }
.form-field input:focus,
.form-field textarea:focus {
    border-color: var(--accent);
    outline: 3px solid rgba(57, 255, 20, 0.14);
    outline-offset: 2px;
}

.field-help,
.form-note { margin: 0; color: var(--muted); font-size: 0.8rem; }
.form-submit { min-width: 110px; margin-top: 0; border: 0; cursor: pointer; justify-self: start; }

.form-trap {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.form-status {
    margin-top: 1.6rem;
    border: 1px solid var(--line);
    border-radius: 9px;
    padding: 0.95rem 1rem;
}
.form-status.success { border-color: var(--accent); background: rgba(57, 255, 20, 0.08); }
.form-status.error { border-color: #ff7a8c; background: rgba(255, 70, 96, 0.1); }

@media (max-width: 800px) {
    .contact-nav { min-height: 90px; }
}