/* Moderation Fans public-page refresh: holographic community field */
.mf-refresh {
    --mf-cyan: #63f5ed;
    --mf-pink: #f17bd4;
    --mf-ink: #e6f0f4;
    --mf-muted: #a5b8c5;
    --mf-soft: #748d9c;
    --mf-line: rgba(99, 225, 233, .2);
    --mf-panel: rgba(13, 25, 41, .88);
    min-height: 100dvh;
    color: var(--mf-ink);
    background:
        radial-gradient(ellipse at 78% 9%, rgba(123, 48, 125, .17), transparent 34%),
        radial-gradient(ellipse at 8% 31%, rgba(21, 132, 147, .16), transparent 34%),
        #080e1a;
}

.mf-refresh .hologram-container {
    min-height: 100dvh;
    padding: 20px clamp(14px, 4vw, 56px) 34px;
    background: transparent;
    overflow: clip;
}

.mf-refresh .background-grid {
    opacity: .24;
    background-image:
        linear-gradient(rgba(95, 217, 224, .07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(95, 217, 224, .07) 1px, transparent 1px);
    mask-image: linear-gradient(to bottom, #000, transparent 82%);
}

.mf-refresh .floating-particles { opacity: .38; }
.mf-refresh .nav-bar {
    position: relative;
    z-index: 2;
    max-width: 1260px;
    margin: 0 auto;
    background: rgba(8, 15, 28, .84);
    border-color: var(--mf-line);
    backdrop-filter: blur(14px);
}

.mf-refresh .nav-logo { color: #e7f6f7; text-decoration: none; }
.mf-refresh .nav-link.active {
    color: var(--mf-cyan);
    border-color: rgba(99, 245, 237, .34);
    background: rgba(47, 178, 191, .1);
    text-shadow: none;
}
.mf-refresh :focus-visible {
    outline: 2px solid var(--mf-pink) !important;
    outline-offset: 4px;
}

.mf-refresh .page-header {
    max-width: 1140px;
    margin: 0 auto;
    padding: clamp(46px, 8vw, 84px) 14px 44px;
    text-align: left;
}
.mf-refresh .page-header::before {
    display: block;
    width: 34px;
    height: 2px;
    margin-bottom: 19px;
    background: linear-gradient(90deg, var(--mf-cyan), var(--mf-pink));
    content: "";
}
.mf-refresh .title {
    margin: 0;
    color: var(--mf-ink);
    font-size: clamp(2.65rem, 7.8vw, 5.8rem);
    line-height: .98;
    letter-spacing: -.075em;
    font-weight: 900;
}
.mf-refresh .title .glow {
    color: var(--mf-cyan);
    background: none;
    -webkit-text-fill-color: currentColor;
    text-shadow: 0 0 32px rgba(99, 245, 237, .18);
}
.mf-refresh .page-subtitle {
    max-width: 660px;
    margin: 19px 0 0;
    color: var(--mf-muted);
    font: 400 clamp(.9rem, 1.4vw, 1rem)/1.75 'Courier New', monospace;
}
.mf-refresh .dashboard { position: relative; z-index: 1; }
.mf-refresh .content-section {
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    padding: clamp(20px, 4vw, 42px);
    border: 1px solid var(--mf-line);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(16, 39, 54, .7), rgba(13, 20, 35, .85));
}
.mf-refresh .section-title {
    margin: 0 0 24px;
    color: var(--mf-ink);
    font-size: clamp(1.35rem, 2.7vw, 2rem);
    letter-spacing: -.04em;
}
.mf-refresh .footer {
    position: relative;
    z-index: 1;
    max-width: 1140px;
    margin: 22px auto 0;
    border-color: var(--mf-line);
    color: var(--mf-soft);
}
.mf-refresh .footer-link { color: var(--mf-muted); }
.mf-refresh .footer-link:hover { color: var(--mf-cyan); }

/* Commands directory */
.commands-page .filter-bar {
    max-width: 960px;
    justify-content: flex-start;
    gap: 9px;
    margin: 0 auto 20px;
}
.commands-page .filter-btn {
    min-height: 40px;
    padding: 8px 15px;
    border: 1px solid rgba(99, 225, 233, .22);
    border-radius: 4px;
    background: rgba(18, 40, 54, .58);
    color: #a8bbc5;
    font: 700 .64rem/1.3 'Courier New', monospace;
    letter-spacing: .09em;
    transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
}
.commands-page .filter-btn:hover { color: var(--mf-cyan); border-color: rgba(99,245,237,.55); transform: translateY(-1px); }
.commands-page .filter-btn.active {
    color: #08151b;
    border-color: var(--mf-cyan);
    background: var(--mf-cyan);
    box-shadow: none;
}
.commands-page main { position: relative; z-index: 1; }
.commands-page .count-bar {
    max-width: 960px;
    margin: 0 auto 20px;
    color: var(--mf-soft);
    font: 700 .67rem/1.6 'Courier New', monospace;
    letter-spacing: .11em;
    text-align: left;
    text-transform: uppercase;
}
.commands-page .count-bar span { color: var(--mf-cyan); }
.commands-page .cat-heading {
    margin-top: 34px;
    margin-bottom: 10px;
    color: var(--mf-pink);
    font: 700 .67rem/1.5 'Courier New', monospace;
    letter-spacing: .17em;
}
.commands-page .cmd-list { max-width: 960px; gap: 8px; }
.commands-page .cmd-card {
    min-height: 75px;
    padding: 16px 20px 16px 23px;
    border: 1px solid rgba(99, 225, 233, .17);
    border-radius: 4px;
    background: linear-gradient(100deg, rgba(15, 37, 50, .78), rgba(12, 21, 35, .82));
    transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}
.commands-page .cmd-card::before { width: 2px; opacity: .9; }
.commands-page .cmd-card:hover {
    border-color: rgba(99,245,237,.46);
    background: rgba(20, 48, 61, .92);
    transform: translateX(2px);
}
.commands-page .cmd-syntax {
    color: var(--mf-cyan);
    font: 600 .88rem/1.55 'Courier New', monospace;
    overflow-wrap: anywhere;
}
.commands-page .cmd-desc {
    color: #a4b5c1;
    font: 400 .78rem/1.6 'Courier New', monospace;
}
.commands-page .cmd-badge {
    padding: 5px 9px;
    border-radius: 3px;
    font: 700 .58rem/1.3 'Courier New', monospace;
    letter-spacing: .07em;
}
.commands-page .badge-everyone { color: var(--mf-cyan); border-color: rgba(99,245,237,.32); background: rgba(99,245,237,.07); }
.commands-page .badge-staff { color: #f0c27d; border-color: rgba(240,194,125,.34); background: rgba(240,194,125,.07); }
.commands-page .badge-mod { color: #a8c8fb; border-color: rgba(126,173,239,.36); background: rgba(126,173,239,.08); }
.commands-page .badge-admin { color: #f59acb; border-color: rgba(241,123,212,.36); background: rgba(241,123,212,.08); }
.commands-page .prefix-note,
.commands-page .dashboard-note {
    max-width: 960px;
    margin: 28px auto;
    padding: 16px 19px;
    border-left: 2px solid var(--mf-pink);
    background: rgba(241, 123, 212, .055);
    color: var(--mf-muted);
    font: 400 .8rem/1.75 'Courier New', monospace;
    text-align: left;
}
.commands-page code { color: var(--mf-cyan); }

/* Support: practical help, easy to scan */
.support-page main { max-width: 1140px; margin: 0 auto; }
.support-page .content-section { margin-bottom: 28px !important; }
.support-page .steps-grid { max-width: none !important; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.support-page .step-card {
    min-height: 190px;
    border: 1px solid rgba(99,225,233,.18);
    border-radius: 8px;
    background: rgba(7, 19, 31, .62);
}
.support-page .step-number { color: var(--mf-pink); }
.support-page .step-card h3 { color: var(--mf-cyan); }
.support-page .step-card p,
.support-page .faq-answer { color: #b0c0ca; line-height: 1.8; }
.support-page .faq-list { border-top: 1px solid var(--mf-line); }
.support-page .faq-item { border-color: var(--mf-line); }
.support-page .faq-question {
    width: 100%;
    min-height: 62px;
    padding: 15px 4px;
    color: var(--mf-ink);
    font-size: .93rem;
    text-align: left;
}
.support-page .faq-question:hover { color: var(--mf-cyan); }
.support-page .faq-arrow { color: var(--mf-pink); }
.support-page .faq-answer { max-width: 850px; }
.support-page .inline-link { color: var(--mf-cyan); }
.support-page .cmd-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.support-page .cmd-group {
    border: 1px solid rgba(99,225,233,.17);
    border-radius: 6px;
    background: rgba(7,19,31,.58);
}
.support-page .cmd-group-title { color: var(--mf-cyan); }
.support-page .cmd-row { border-color: rgba(99,225,233,.1); }
.support-page .cmd-row code { color: #e2b2e1; }
.support-page .cmd-note { color: var(--mf-muted); line-height: 1.75; }

/* Contact ticket hub: all server interactions remain in the page's existing script */
.contact-page .contact-wrap { max-width: 780px; padding: 0 14px 70px; }
.contact-page .contact-intro p { color: var(--mf-muted); font: .92rem/1.75 'Courier New', monospace; }
.contact-page .discord-login-banner,
.contact-page .user-strip {
    border: 1px solid rgba(99,225,233,.24);
    border-radius: 6px;
    background: rgba(13,35,49,.78);
}
.contact-page .dlb-text,
.contact-page .user-strip-name { color: #b9c9d2; font-family: 'Courier New', monospace; }
.contact-page .dlb-text strong { color: var(--mf-ink); }
.contact-page .discord-login-btn {
    border: 1px solid var(--mf-cyan);
    border-radius: 4px;
    background: var(--mf-cyan);
    color: #07151b;
    font-weight: 700;
}
.contact-page .discord-login-btn:hover { background: #a0fff9; transform: translateY(-1px); }
.contact-page .user-strip img { border-color: rgba(99,245,237,.55); }
.contact-page .user-strip-logout { color: var(--mf-muted); }
.contact-page .user-strip-logout:hover { color: var(--mf-pink); }
.contact-page .my-tickets-heading { color: var(--mf-cyan); font: 700 .68rem/1.5 'Courier New', monospace; }
.contact-page .ticket-list-item,
.contact-page .contact-form-card,
.contact-page .alt-contact {
    border: 1px solid rgba(99,225,233,.21);
    border-radius: 6px;
    background: linear-gradient(145deg, rgba(15,36,51,.84), rgba(10,19,33,.9));
}
.contact-page .ticket-list-item:hover { border-color: rgba(99,245,237,.55); background: rgba(19,46,59,.9); }
.contact-page .tli-id { color: var(--mf-cyan); font-family: 'Courier New', monospace; }
.contact-page .tli-subject { color: #d5e0e6; }
.contact-page .tli-status { border-radius: 3px; }
.contact-page .tli-status.open { color: var(--mf-cyan); border-color: rgba(99,245,237,.32); background: rgba(99,245,237,.07); }
.contact-page .tli-status.closed { color: #a3b1bd; }
.contact-page .no-tickets-msg { color: var(--mf-muted); }
.contact-page .contact-form-card { padding: clamp(22px, 5vw, 40px); }
.contact-page .contact-form-card::before { background: linear-gradient(90deg, transparent, var(--mf-cyan), var(--mf-pink), transparent); }
.contact-page .form-group label,
.contact-page .alt-contact-text h4 { color: var(--mf-cyan); font-family: 'Courier New', monospace; }
.contact-page .form-group .optional { color: var(--mf-soft); }
.contact-page .form-control {
    min-height: 46px;
    border-color: rgba(99,225,233,.24);
    border-radius: 4px;
    background-color: #101d2b !important;
    color: var(--mf-ink) !important;
    font-family: 'Courier New', monospace;
}
.contact-page .form-control:focus { border-color: var(--mf-cyan); box-shadow: 0 0 0 3px rgba(99,245,237,.12); }
.contact-page .form-control::placeholder { color: #748895; }
.contact-page .char-count { color: var(--mf-soft); }
.contact-page .char-count.warn { color: #f0c27d; }
.contact-page .char-count.over { color: #f29ac7; }
.contact-page .submit-btn {
    min-height: 50px;
    border: 1px solid var(--mf-cyan);
    border-radius: 4px;
    background: rgba(99,245,237,.12);
    color: var(--mf-cyan);
    font-size: .75rem;
}
.contact-page .submit-btn:hover:not(:disabled) { background: rgba(99,245,237,.2); box-shadow: none; transform: translateY(-1px); }
.contact-page .form-error { border-radius: 4px; color: #ffc0d8; }
.contact-page .alt-contact { margin-top: 26px; }
.contact-page .alt-contact-icon { color: var(--mf-pink); font-size: 1.3rem; }
.contact-page .alt-contact-text p { color: var(--mf-muted); line-height: 1.7; }

/* Careers applications */
.careers-page .careers-wrap { max-width: 850px; padding: 0 14px 64px; }
.careers-page .careers-header { margin: 0 0 32px; text-align: left; }
.careers-page .careers-title {
    color: var(--mf-ink);
    background: none;
    font-size: clamp(2.2rem, 6vw, 4rem);
    letter-spacing: -.07em;
    -webkit-text-fill-color: currentColor;
}
.careers-page .careers-sub { max-width: 620px; margin: 0; color: var(--mf-muted); line-height: 1.75; }
.careers-page .hero-badge {
    display: inline-flex;
    margin-bottom: 16px;
    padding: 7px 10px;
    border: 1px solid rgba(241,123,212,.32);
    border-radius: 3px;
    background: rgba(241,123,212,.07);
    color: var(--mf-pink);
    font: 700 .65rem/1.4 'Courier New', monospace;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.careers-page .positions { justify-content: flex-start; gap: 8px; margin-bottom: 20px; }
.careers-page .position-pill {
    border: 1px solid rgba(99,245,237,.35);
    border-radius: 3px;
    background: rgba(99,245,237,.07);
    color: var(--mf-cyan);
    font: 700 .66rem/1.4 'Courier New', monospace;
}
.careers-page .info-bar,
.careers-page .form-card {
    border: 1px solid rgba(99,225,233,.2);
    border-radius: 7px;
    background: linear-gradient(145deg, rgba(15,36,51,.8), rgba(10,19,33,.9));
}
.careers-page .info-bar { margin-bottom: 22px; color: var(--mf-muted); }
.careers-page .info-bar strong { color: var(--mf-cyan); }
.careers-page .form-card { padding: clamp(22px, 5vw, 40px); backdrop-filter: blur(12px); }
.careers-page .form-section-label {
    color: var(--mf-cyan);
    border-color: var(--mf-line);
    font: 700 .66rem/1.5 'Courier New', monospace;
    letter-spacing: .16em;
}
.careers-page label { color: #d8e4e9; font: 600 .8rem/1.5 'Courier New', monospace; }
.careers-page label .req { color: var(--mf-pink); }
.careers-page input[type="text"],
.careers-page input[type="number"],
.careers-page select,
.careers-page textarea {
    min-height: 46px;
    border-color: rgba(99,225,233,.22);
    border-radius: 4px;
    background-color: rgba(8,19,32,.86);
    color: var(--mf-ink);
    font: .87rem/1.55 'Courier New', monospace;
}
.careers-page input:focus,
.careers-page select:focus,
.careers-page textarea:focus { border-color: var(--mf-cyan); box-shadow: 0 0 0 3px rgba(99,245,237,.1); }
.careers-page input::placeholder,
.careers-page textarea::placeholder { color: #728895; }
.careers-page .char-count { color: var(--mf-soft); }
.careers-page .char-count.warn { color: #f0c27d; }
.careers-page .char-count.over { color: #f19cc5; }
.careers-page .btn-submit {
    min-height: 48px;
    border: 1px solid var(--mf-cyan);
    border-radius: 4px;
    background: rgba(99,245,237,.12);
    color: var(--mf-cyan);
}
.careers-page .btn-submit:hover:not(:disabled) { background: rgba(99,245,237,.2); box-shadow: none; transform: translateY(-1px); }
.careers-page .toast { border-radius: 4px; }
.careers-page .toast.success { color: var(--mf-cyan); border-color: rgba(99,245,237,.35); background: rgba(99,245,237,.07); }
.careers-page .toast.error { color: #ffc0d8; border-color: rgba(241,123,212,.35); background: rgba(241,123,212,.07); }

/* Legal copy remains untouched; presentation does the work */
.legal-page .legal-card {
    max-width: 900px;
    padding: clamp(24px, 5vw, 60px);
    border: 1px solid rgba(99,225,233,.2);
    border-radius: 5px;
    background: linear-gradient(145deg, rgba(13,30,44,.88), rgba(9,17,31,.94));
    box-shadow: 0 24px 90px rgba(0,0,0,.2);
}
.legal-page .legal-meta {
    margin-bottom: 38px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--mf-line);
    color: var(--mf-pink);
    font: 700 .68rem/1.5 'Courier New', monospace;
    letter-spacing: .1em;
    text-align: left;
}
.legal-page .legal-body h2 {
    margin: 36px 0 13px;
    padding-bottom: 10px;
    border-color: rgba(99,225,233,.16);
    color: var(--mf-cyan);
    font: 700 .87rem/1.5 'Courier New', monospace;
    letter-spacing: .1em;
}
.legal-page .legal-body p,
.legal-page .legal-body li {
    color: #b1c0c9;
    font: 400 .88rem/1.9 'Courier New', monospace;
    overflow-wrap: anywhere;
}
.legal-page .legal-body ul { padding-left: 1.35rem; }
.legal-page .legal-body li::marker { color: var(--mf-pink); }
.legal-page .legal-body strong { color: #e5eff2; }
.legal-page .legal-body code {
    color: var(--mf-cyan);
    overflow-wrap: anywhere;
}
.legal-page .legal-body a { color: var(--mf-cyan) !important; text-underline-offset: 3px; }
.legal-page .legal-body a:hover { color: #c3fffb !important; }

@media (max-width: 768px) {
    .mf-refresh .hologram-container { padding: 12px 14px 28px; }
    .mf-refresh .page-header { padding: 48px 4px 30px; }
    .mf-refresh .content-section { padding: 22px 18px; }
    .support-page .steps-grid,
    .support-page .cmd-grid { grid-template-columns: 1fr; }
    .support-page .step-card { min-height: auto; }
    .commands-page .filter-bar { gap: 7px; }
    .commands-page .filter-btn { padding: 8px 11px; font-size: .6rem; }
    .commands-page .cmd-card {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto auto;
        gap: 5px;
        padding: 14px 14px 14px 18px;
    }
    .commands-page .cmd-syntax { grid-column: 1; grid-row: 1; font-size: .8rem; }
    .commands-page .cmd-desc { grid-column: 1; grid-row: 2; font-size: .74rem; }
    .commands-page .cmd-badge { grid-column: 1; grid-row: 3; justify-self: start; margin-top: 5px; }
    .contact-page .form-row,
    .careers-page .form-row { grid-template-columns: 1fr; gap: 0; }
    .contact-page .form-group { margin-bottom: 18px; }
}
@media (max-width: 460px) {
    .mf-refresh .hologram-container { padding-right: 11px; padding-left: 11px; }
    .mf-refresh .title { font-size: clamp(2.4rem, 12vw, 3.6rem); }
    .legal-page .legal-card { padding: 22px 17px; }
    .legal-page .legal-body p,
    .legal-page .legal-body li { font-size: .8rem; line-height: 1.8; }
    .contact-page .ticket-list-item { align-items: flex-start; }
    .contact-page .alt-contact { align-items: flex-start; padding: 17px; }
}
@media (prefers-reduced-motion: reduce) {
    .mf-refresh *,
    .mf-refresh *::before,
    .mf-refresh *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
    .mf-refresh .cmd-card:hover,
    .mf-refresh .filter-btn:hover,
    .mf-refresh .submit-btn:hover { transform: none; }
}