@import url('/themes/default/assets/css/landing-chat.css');

.ct-neon-theme .mv-town {
    max-width: 1280px;
}

.ct-neon-theme .mv-town-presence,
.ct-neon-theme .mv-town-people span,
.ct-neon-theme .mv-town-entry-meta,
.ct-neon-theme .mv-town-form-card,
.ct-neon-theme .mv-town-channel-card,
.ct-neon-theme .mv-town-strip article,
.ct-neon-theme .mv-town-values article {
    color: #f4effa;
    background: linear-gradient(145deg, rgba(19,11,30,.91), rgba(8,5,13,.92));
    border-color: rgba(255,255,255,.09);
    box-shadow: 0 16px 46px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.03);
}

.ct-neon-theme .mv-town-presence-dot {
    background: #ff2e55;
    box-shadow: 0 0 10px rgba(255,46,85,.72);
}

.ct-neon-theme .mv-town-hero {
    position: relative;
    overflow: hidden;
    margin-top: 6px;
    margin-bottom: 20px;
    padding: clamp(24px, 4vw, 44px);
    background:
        radial-gradient(circle at 10% 20%, rgba(168,85,247,.18), transparent 34%),
        radial-gradient(circle at 92% 76%, rgba(255,46,85,.13), transparent 30%),
        linear-gradient(135deg, rgba(19,10,31,.92), rgba(7,4,12,.90));
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 26px;
    box-shadow: 0 24px 72px rgba(0,0,0,.30), 0 0 42px rgba(168,85,247,.06);
}

.ct-neon-theme .mv-town-hero::after {
    content: "";
    position: absolute;
    inset: auto -120px -170px auto;
    width: 330px;
    height: 330px;
    border: 1px solid rgba(255,46,85,.20);
    border-radius: 50%;
    box-shadow: 0 0 60px rgba(255,46,85,.08);
}

.ct-neon-theme .mv-town-hero-label,
.ct-neon-theme .mv-town-section-number {
    color: #d7a6ff;
}

.ct-neon-theme .mv-town-hero-label::before {
    background: linear-gradient(90deg, #a855f7, #ff2e55);
    box-shadow: 0 0 10px rgba(168,85,247,.45);
}

.ct-neon-theme .mv-town-hero-identity h1,
.ct-neon-theme .mv-town-entry-copy h2,
.ct-neon-theme .mv-town-entry-channel strong {
    color: #fff;
}

.ct-neon-theme .mv-town-hero-identity h1 {
    font-weight: 950;
    text-shadow: 0 0 28px rgba(168,85,247,.15);
}

.ct-neon-theme .mv-town-hero-identity p,
.ct-neon-theme .mv-town-entry-copy > p,
.ct-neon-theme .mv-town-strip span {
    color: #aaa0b8;
}

.ct-neon-theme .mv-town-entry-meta a,
.ct-neon-theme .mv-town-entry-meta span {
    color: #d7cfdf;
}

.ct-neon-theme .mv-town-entry-meta > * + * {
    border-color: rgba(255,255,255,.07);
}

.ct-neon-theme .mv-town-entry-meta a:hover {
    color: #fff;
    background: rgba(168,85,247,.08);
}

.ct-neon-theme .mv-town-entry-meta i,
.ct-neon-theme .mv-town-value-icon,
.ct-neon-theme .mv-town-form-header-icon {
    color: #e0b8ff;
    background: linear-gradient(135deg, rgba(168,85,247,.15), rgba(255,46,85,.08));
}

.ct-neon-theme .mv-town-cta,
.ct-neon-theme .mv-town-submit {
    color: #fff;
    background: linear-gradient(112deg, #7c3aed, #c026ff 50%, #ff2e55);
    border: 1px solid rgba(255,255,255,.16);
    box-shadow: 0 12px 30px rgba(124,58,237,.24), 0 0 26px rgba(255,46,85,.10);
}

.ct-neon-theme .mv-town-cta:hover,
.ct-neon-theme .mv-town-submit:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
}

/* ========================================================================== 
   Chatitaly Neon v2.1 — Hero solo testo
   Mantiene lo stesso pannello/gradienti/glow del tema v2, ma rimuove
   completamente l'illustrazione dalla hero e lascia protagonista #Chatitaly.
   ========================================================================== */
.ct-neon-theme .mv-town-hero {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: clamp(300px, 31vw, 510px);
    align-items: center;
}

.ct-neon-theme .mv-town-hero-visual {
    display: none !important;
}

.ct-neon-theme .mv-town-hero-identity {
    width: 100%;
    max-width: 900px;
    min-width: 0;
}

@media (max-width: 600px) {
    .ct-neon-theme .mv-town-hero {
        min-height: 270px;
    }

    .ct-neon-theme .mv-town-hero-identity {
        max-width: 100%;
    }
}

/* ========================================================================== 
   Chatitaly Neon v2.2 — Hero compact + radio above the fold
   ========================================================================== */
.ct-neon-theme .mv-town {
    padding-top: 6px;
}

.ct-neon-theme .mv-town-hero {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0 !important;
    padding: 20px 26px !important;
    margin-top: 0;
    margin-bottom: 12px;
    border-radius: 20px;
    align-items: center;
    background:
        radial-gradient(circle at 6% 16%, rgba(168,85,247,.22), transparent 29%),
        radial-gradient(circle at 96% 70%, rgba(255,46,85,.16), transparent 24%),
        linear-gradient(128deg, rgba(20,9,34,.96), rgba(7,4,12,.95) 58%, rgba(18,5,17,.94));
    border-color: rgba(214,169,255,.14);
    box-shadow:
        0 16px 50px rgba(0,0,0,.30),
        0 0 32px rgba(168,85,247,.065),
        inset 0 1px 0 rgba(255,255,255,.04);
}

.ct-neon-theme .mv-town-hero::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -24%;
    width: 12%;
    transform: skewX(-20deg);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.07), transparent);
    animation: ct-scan 10s linear infinite;
    pointer-events: none;
}

.ct-neon-theme .mv-town-hero::after {
    width: 220px;
    height: 220px;
    right: -116px;
    bottom: -148px;
    opacity: .9;
}

.ct-neon-theme .mv-town-hero-identity {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: none;
    padding: 0;
}

.ct-neon-theme .mv-town-hero-label {
    margin-bottom: 5px;
    font-size: 10px;
    letter-spacing: .13em;
}

.ct-neon-theme .mv-town-hero-identity h1 {
    margin: 0;
    font-size: clamp(34px, 4.4vw, 56px);
    line-height: .94;
    letter-spacing: -.055em;
    text-shadow:
        0 0 22px rgba(168,85,247,.22),
        0 0 42px rgba(255,46,85,.06);
}

.ct-neon-theme .mv-town-hero-identity p {
    max-width: 720px;
    margin: 7px 0 0;
    font-size: clamp(13px, 1.25vw, 15px);
    line-height: 1.45;
    color: #b7aec4;
}

.ct-neon-theme .mv-block-area-before-entry {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
}

/* First radio block becomes the visual focal point immediately after the hero. */
.ct-neon-theme .mv-block-area-before-entry .mv-azuracast-widget {
    border-color: rgba(202,105,255,.30) !important;
    box-shadow:
        0 22px 64px rgba(0,0,0,.38),
        0 0 0 1px rgba(255,46,85,.045) inset,
        0 0 44px rgba(168,85,247,.10) !important;
}

.ct-neon-theme .mv-block-area-before-entry .mv-azuracast-widget::before {
    height: 3px;
    opacity: 1;
    background: linear-gradient(90deg, #7c3aed 0%, #c026ff 48%, #ff2e55 100%);
    box-shadow:
        0 0 9px rgba(192,38,255,.95),
        0 0 22px rgba(255,46,85,.55);
}

.ct-neon-theme .mv-town-entry {
    margin-top: 14px;
}

@media (max-width: 600px) {
    .ct-neon-theme .mv-town {
        padding-top: 4px;
    }

    .ct-neon-theme .mv-town-hero {
        min-height: 0 !important;
        padding: 16px 18px !important;
        margin-bottom: 10px;
        border-radius: 17px;
        text-align: left;
    }

    .ct-neon-theme .mv-town-hero-identity {
        padding: 0;
    }

    .ct-neon-theme .mv-town-hero-identity h1 {
        font-size: 35px;
    }

    .ct-neon-theme .mv-town-hero-identity p {
        margin-top: 6px;
        font-size: 12px;
    }

    .ct-neon-theme .mv-town-hero::after {
        width: 160px;
        height: 160px;
        right: -95px;
        bottom: -112px;
    }
}

/* ========================================================================== 
   Chatitaly Neon v2.2.2 — Contrast & readability hardening
   Fixes light surfaces inherited from the default landing theme so that text
   never becomes white-on-white or too faint on pale panels.
   ========================================================================== */

/* Age confirmation: explicit dark text on the light confirmation surface. */
.ct-neon-theme .mv-town-confirm {
    color: #202331 !important;
    background: linear-gradient(180deg, #fbfbfe 0%, #f1f1f8 100%) !important;
    border: 1px solid rgba(168,85,247,.20);
    box-shadow:
        inset 3px 0 0 rgba(192,38,255,.72),
        0 8px 24px rgba(0,0,0,.08);
}

.ct-neon-theme .mv-town-confirm span,
.ct-neon-theme .mv-town-confirm label {
    color: #252535 !important;
    opacity: 1 !important;
    font-weight: 700;
}

.ct-neon-theme .mv-town-confirm input[type="checkbox"] {
    accent-color: #a855f7;
    filter: none;
}

/* Generic notices used inside the chat form: each light panel gets an
   explicit foreground instead of inheriting the white theme text. */
.ct-neon-theme .mv-town-password,
.ct-neon-theme .mv-town-alert {
    color: #3d2b16;
}

.ct-neon-theme .mv-town-alert-success {
    color: #14532d !important;
}

.ct-neon-theme .mv-town-nick-restricted {
    color: #8f2132 !important;
}

/* Labels and secondary controls must remain clearly readable on dark cards. */
.ct-neon-theme .mv-town-field > label,
.ct-neon-theme .mv-town-options summary,
.ct-neon-theme .mv-town-options label,
.ct-neon-theme .mv-town-login-note {
    color: #eee8f6;
}

.ct-neon-theme .mv-town-login-note a {
    color: #d9a7ff;
}

/* Light internal panels from the Monoverse default theme keep their light
   surface, therefore force a dark foreground throughout those components. */
.ct-neon-theme .mv-town-form-header,
.ct-neon-theme .mv-town-form-header h3 {
    color: #171827 !important;
}

.ct-neon-theme .mv-town-form-header p {
    color: #62687a !important;
}

.ct-neon-theme .mv-town-profile-summary,
.ct-neon-theme .mv-town-profile-summary-content,
.ct-neon-theme .mv-town-profile-summary-item,
.ct-neon-theme .mv-town-identity,
.ct-neon-theme .mv-town-identity-menu,
.ct-neon-theme .mv-town-channel-card-header,
.ct-neon-theme .mv-town-channel-stats {
    color: #202331;
}

/* Make the input text/placeholder unambiguous on the intentionally light
   form fields, regardless of global dark-theme rules or browser defaults. */
.ct-neon-theme .mv-town-form input[type="text"],
.ct-neon-theme .mv-town-form input[type="number"],
.ct-neon-theme .mv-town-form input[type="email"],
.ct-neon-theme .mv-town-form input[type="password"],
.ct-neon-theme .mv-town-form select,
.ct-neon-theme .mv-town-form textarea {
    color: #202331 !important;
    background-color: #fbfbfe !important;
    border-color: rgba(107,78,145,.24) !important;
}

.ct-neon-theme .mv-town-form input::placeholder,
.ct-neon-theme .mv-town-form textarea::placeholder {
    color: #8c96ad !important;
    opacity: 1;
}

.ct-neon-theme .mv-town-form select {
    color: #202331 !important;
}

.ct-neon-theme .mv-town-form option {
    color: #202331;
    background: #fff;
}

/* Improve text hierarchy inside generic widgets without touching status
   colours defined by the individual radio/request widgets. */
.ct-neon-theme .mv-widget-content > p,
.ct-neon-theme .mv-widget-content > ul,
.ct-neon-theme .mv-widget-content > ol {
    color: #c7bfd1;
}

.ct-neon-theme .mv-widget-content > p strong,
.ct-neon-theme .mv-widget-content > ul strong,
.ct-neon-theme .mv-widget-content > ol strong {
    color: #fff;
}

@media (max-width: 600px) {
    .ct-neon-theme .mv-town-confirm {
        padding: 13px;
        border-radius: 14px;
    }
}

/* ========================================================================== 
   CHATITALY NEON v2.4.5 — Join Chat full dark/neon treatment
   Turns the entire "Pronto a entrare?" panel into the same violet/red/white
   visual language as the rest of Chatitaly while preserving strong contrast.
   ========================================================================== */

.ct-neon-theme .mv-town-form-card {
    position: relative;
    overflow: hidden;
    color: #f7f2ff !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(168,85,247,.16), transparent 34%),
        radial-gradient(circle at 100% 92%, rgba(255,46,85,.10), transparent 34%),
        linear-gradient(145deg, rgba(18,8,30,.98), rgba(7,4,13,.985)) !important;
    border: 1px solid rgba(195,92,255,.28) !important;
    box-shadow:
        0 22px 58px rgba(0,0,0,.38),
        0 0 34px rgba(168,85,247,.08),
        inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.ct-neon-theme .mv-town-form-card::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    right: -30%;
    width: 52%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #b54dff, #ff2e55, transparent);
    box-shadow: 0 0 18px rgba(192,38,255,.7);
    animation: ct-join-glow 7s ease-in-out infinite alternate;
    pointer-events: none;
}

.ct-neon-theme .mv-town-form-card > * {
    position: relative;
    z-index: 1;
}

@keyframes ct-join-glow {
    from { transform: translateX(-55%); opacity: .55; }
    to   { transform: translateX(55%); opacity: 1; }
}

/* Header: remove the remaining white strip. */
.ct-neon-theme .mv-town-form-header {
    color: #fff !important;
    background:
        linear-gradient(90deg, rgba(168,85,247,.12), rgba(255,46,85,.055), rgba(255,255,255,.018)) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.ct-neon-theme .mv-town-form-header::before {
    background: linear-gradient(180deg, #a855f7, #ff2e55) !important;
    box-shadow: 0 0 16px rgba(192,38,255,.55);
}

.ct-neon-theme .mv-town-form-header h3 {
    color: #ffffff !important;
    text-shadow: 0 0 18px rgba(168,85,247,.12);
}

.ct-neon-theme .mv-town-form-header p {
    color: #bdb0ca !important;
}

.ct-neon-theme .mv-town-form-header-icon {
    color: #f0cfff !important;
    background: linear-gradient(135deg, rgba(168,85,247,.18), rgba(255,46,85,.10)) !important;
    border-color: rgba(194,97,255,.24) !important;
    box-shadow: inset 0 0 16px rgba(168,85,247,.07);
}

/* Labels and section copy. */
.ct-neon-theme .mv-town-form-card .mv-town-field > label,
.ct-neon-theme .mv-town-form-card .mv-town-options summary,
.ct-neon-theme .mv-town-form-card .mv-town-options label,
.ct-neon-theme .mv-town-form-card .mv-town-login-note,
.ct-neon-theme .mv-town-form-card .mv-town-auth-step-copy h4,
.ct-neon-theme .mv-town-form-card .mv-town-registered-only-copy h3 {
    color: #f5effc !important;
}

.ct-neon-theme .mv-town-form-card .mv-town-auth-step-copy p,
.ct-neon-theme .mv-town-form-card .mv-town-registered-only-copy p {
    color: #b9aec5 !important;
}

.ct-neon-theme .mv-town-form-card .mv-town-auth-step-copy strong {
    color: #fff !important;
}

/* Text fields / select / textarea: dark glass instead of white. */
.ct-neon-theme .mv-town-form-card .mv-town-form input[type="text"],
.ct-neon-theme .mv-town-form-card .mv-town-form input[type="number"],
.ct-neon-theme .mv-town-form-card .mv-town-form input[type="email"],
.ct-neon-theme .mv-town-form-card .mv-town-form input[type="password"],
.ct-neon-theme .mv-town-form-card .mv-town-form select,
.ct-neon-theme .mv-town-form-card .mv-town-form textarea {
    color: #f8f4ff !important;
    background-color: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(200,150,255,.19) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 8px 22px rgba(0,0,0,.10) !important;
}

.ct-neon-theme .mv-town-form-card .mv-town-form input:hover,
.ct-neon-theme .mv-town-form-card .mv-town-form select:hover,
.ct-neon-theme .mv-town-form-card .mv-town-form textarea:hover {
    border-color: rgba(210,144,255,.38) !important;
}

.ct-neon-theme .mv-town-form-card .mv-town-form input:focus,
.ct-neon-theme .mv-town-form-card .mv-town-form select:focus,
.ct-neon-theme .mv-town-form-card .mv-town-form textarea:focus {
    color: #fff !important;
    background-color: rgba(255,255,255,.075) !important;
    border-color: #c252ff !important;
    box-shadow:
        0 0 0 3px rgba(192,38,255,.14),
        0 0 24px rgba(168,85,247,.08) !important;
}

.ct-neon-theme .mv-town-form-card .mv-town-form input::placeholder,
.ct-neon-theme .mv-town-form-card .mv-town-form textarea::placeholder {
    color: #9f94b0 !important;
    opacity: 1 !important;
}

.ct-neon-theme .mv-town-form-card .mv-town-form select {
    color-scheme: dark;
    background-image:
        linear-gradient(45deg, transparent 50%, #cfc2df 50%),
        linear-gradient(135deg, #cfc2df 50%, transparent 50%) !important;
}

.ct-neon-theme .mv-town-form-card .mv-town-form option {
    color: #f7f2ff !important;
    background: #110a1b !important;
}

/* Browser autofill should not re-introduce a pale yellow/white field. */
.ct-neon-theme .mv-town-form-card input:-webkit-autofill,
.ct-neon-theme .mv-town-form-card input:-webkit-autofill:hover,
.ct-neon-theme .mv-town-form-card input:-webkit-autofill:focus {
    -webkit-text-fill-color: #f8f4ff !important;
    -webkit-box-shadow: 0 0 0 1000px #120b1d inset !important;
    caret-color: #fff;
}

/* 14+ confirmation now belongs visually to the dark panel. */
.ct-neon-theme .mv-town-form-card .mv-town-confirm {
    color: #f7f2ff !important;
    background:
        linear-gradient(90deg, rgba(168,85,247,.105), rgba(255,255,255,.042), rgba(255,46,85,.055)) !important;
    border: 1px solid rgba(202,132,255,.24) !important;
    box-shadow:
        inset 3px 0 0 #b33cff,
        0 10px 28px rgba(0,0,0,.14) !important;
}

.ct-neon-theme .mv-town-form-card .mv-town-confirm label,
.ct-neon-theme .mv-town-form-card .mv-town-confirm span {
    color: #ffffff !important;
    opacity: 1 !important;
    font-weight: 750;
}

.ct-neon-theme .mv-town-form-card .mv-town-confirm input[type="checkbox"] {
    width: 21px;
    height: 21px;
    accent-color: #c026ff;
}

/* Internal logged/guest identity components. */
.ct-neon-theme .mv-town-form-card .mv-town-identity,
.ct-neon-theme .mv-town-form-card .mv-town-identity-menu,
.ct-neon-theme .mv-town-form-card .mv-town-profile-summary,
.ct-neon-theme .mv-town-form-card .mv-town-profile-summary-content,
.ct-neon-theme .mv-town-form-card .mv-town-profile-summary-item {
    color: #f2eafa !important;
    background: rgba(255,255,255,.045) !important;
    border-color: rgba(255,255,255,.09) !important;
}

.ct-neon-theme .mv-town-form-card .mv-town-identity-main strong,
.ct-neon-theme .mv-town-form-card .mv-town-profile-summary-title {
    color: #fff !important;
}

.ct-neon-theme .mv-town-form-card .mv-town-identity-label,
.ct-neon-theme .mv-town-form-card .mv-town-profile-summary-item,
.ct-neon-theme .mv-town-form-card .mv-town-profile-summary-edit {
    color: #b9aec5 !important;
}

.ct-neon-theme .mv-town-form-card .mv-town-identity-toggle,
.ct-neon-theme .mv-town-form-card .mv-town-profile-summary-chevron,
.ct-neon-theme .mv-town-form-card .mv-town-auth-back {
    color: #ddd2e8 !important;
    background: rgba(255,255,255,.055) !important;
    border-color: rgba(255,255,255,.10) !important;
}

.ct-neon-theme .mv-town-form-card .mv-town-identity-option {
    color: #ded5e7 !important;
}

.ct-neon-theme .mv-town-form-card .mv-town-identity-option:hover,
.ct-neon-theme .mv-town-form-card .mv-town-identity-option.is-active {
    color: #fff !important;
    background: rgba(168,85,247,.12) !important;
}

.ct-neon-theme .mv-town-form-card .mv-town-auth-step-icon,
.ct-neon-theme .mv-town-form-card .mv-town-registered-only-icon {
    color: #e1b7ff !important;
    background: linear-gradient(135deg, rgba(168,85,247,.16), rgba(255,46,85,.08)) !important;
}

/* Form footer / optional profile divider. */
.ct-neon-theme .mv-town-form-card .mv-town-options,
.ct-neon-theme .mv-town-form-card .mv-town-form-footer,
.ct-neon-theme .mv-town-form-card .mv-town-profile-summary-content {
    border-color: rgba(255,255,255,.075) !important;
}

/* Alerts stay semantically recognisable but work on the dark card. */
.ct-neon-theme .mv-town-form-card .mv-town-password,
.ct-neon-theme .mv-town-form-card .mv-town-alert {
    color: #f4dfb9 !important;
    background: rgba(120,78,15,.18) !important;
    border-color: rgba(246,216,155,.28) !important;
}

.ct-neon-theme .mv-town-form-card .mv-town-alert-success {
    color: #baf7d2 !important;
    background: rgba(16,100,60,.18) !important;
    border-color: rgba(134,239,172,.26) !important;
}

.ct-neon-theme .mv-town-form-card .mv-town-nick-restricted {
    color: #ffc1cd !important;
    background: rgba(130,24,48,.18) !important;
    border-color: rgba(241,181,181,.24) !important;
}

/* CTA: stronger final neon treatment. */
.ct-neon-theme .mv-town-form-card .mv-town-submit {
    color: #fff !important;
    background: linear-gradient(112deg, #7c3aed 0%, #bd27ff 50%, #ff2e55 100%) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow:
        0 12px 30px rgba(124,58,237,.28),
        0 0 26px rgba(255,46,85,.12) !important;
}

.ct-neon-theme .mv-town-form-card .mv-town-submit:hover {
    transform: translateY(-2px);
    filter: brightness(1.09);
    box-shadow:
        0 16px 34px rgba(124,58,237,.32),
        0 0 32px rgba(255,46,85,.16) !important;
}

@media (max-width: 600px) {
    .ct-neon-theme .mv-town-form-card {
        border-radius: 18px;
    }

    .ct-neon-theme .mv-town-form-card .mv-town-confirm {
        padding: 13px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ct-neon-theme .mv-town-form-card::after {
        animation: none !important;
    }
}

/* ========================================================================== 
   CHATITALY NEON v2.4.6 — Community card full dark/neon treatment
   Harmonizes the left "La community" panel with the rest of the theme.
   ========================================================================== */

.ct-neon-theme .mv-town-channel-card {
    position: relative;
    overflow: hidden;
    color: #f7f2ff !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(168,85,247,.15), transparent 32%),
        radial-gradient(circle at 100% 100%, rgba(255,46,85,.09), transparent 34%),
        linear-gradient(145deg, rgba(18,8,30,.98), rgba(7,4,13,.985)) !important;
    border: 1px solid rgba(195,92,255,.28) !important;
    box-shadow:
        0 22px 58px rgba(0,0,0,.36),
        0 0 34px rgba(168,85,247,.07),
        inset 0 1px 0 rgba(255,255,255,.035) !important;
}

.ct-neon-theme .mv-town-channel-card::after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #9d4dff 24%, #ffffff 50%, #ff2e55 76%, transparent);
    box-shadow: 0 0 20px rgba(192,38,255,.55);
    opacity: .9;
    pointer-events: none;
}

.ct-neon-theme .mv-town-channel-card > * {
    position: relative;
    z-index: 1;
}

.ct-neon-theme .mv-town-channel-card-header {
    background:
        linear-gradient(90deg, rgba(168,85,247,.12), rgba(255,46,85,.045), rgba(255,255,255,.012)) !important;
    border-bottom: 1px solid rgba(255,255,255,.075) !important;
}

.ct-neon-theme .mv-town-channel-card-header h3 {
    color: #ffffff !important;
    font-weight: 900;
    letter-spacing: -.02em;
}

.ct-neon-theme .mv-town-channel-card-header p {
    color: #b9aac9 !important;
}

.ct-neon-theme .mv-town-channel-card-icon,
.ct-neon-theme .mv-town-channel-stat > i,
.ct-neon-theme .mv-town-channel-login i,
.ct-neon-theme .mv-town-channel-features li > i {
    color: #dfb3ff !important;
    background: linear-gradient(135deg, rgba(168,85,247,.18), rgba(255,46,85,.08)) !important;
    border: 1px solid rgba(195,92,255,.16) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

.ct-neon-theme .mv-town-channel-stats,
.ct-neon-theme .mv-town-channel-login {
    background: transparent !important;
    border-color: rgba(255,255,255,.07) !important;
}

.ct-neon-theme .mv-town-channel-stat + .mv-town-channel-stat,
.ct-neon-theme .mv-town-channel-login a {
    border-color: rgba(255,255,255,.07) !important;
}

.ct-neon-theme .mv-town-channel-stat span,
.ct-neon-theme .mv-town-channel-login a {
    color: #c7bbd4 !important;
}

.ct-neon-theme .mv-town-channel-stat strong {
    color: #ffffff !important;
    text-shadow: 0 0 16px rgba(168,85,247,.12);
}

.ct-neon-theme .mv-town-channel-login a {
    border-radius: 10px;
    transition: background-color .16s ease, color .16s ease, transform .16s ease;
}

.ct-neon-theme .mv-town-channel-login a:hover {
    color: #ffffff !important;
    background: linear-gradient(90deg, rgba(168,85,247,.10), rgba(255,46,85,.055)) !important;
    transform: translateX(2px);
}

.ct-neon-theme .mv-town-channel-features {
    background: linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0)) !important;
    border-top: 1px solid rgba(255,255,255,.035);
}

.ct-neon-theme .mv-town-channel-features h4 {
    color: #a99bb8 !important;
}

.ct-neon-theme .mv-town-channel-features h4::before {
    background: linear-gradient(90deg, #a855f7, #ff2e55) !important;
    box-shadow: 0 0 10px rgba(168,85,247,.45);
}

.ct-neon-theme .mv-town-channel-features li {
    transition: background-color .16s ease, transform .16s ease;
}

.ct-neon-theme .mv-town-channel-features li:hover {
    background: rgba(168,85,247,.055);
    transform: translateX(2px);
}

.ct-neon-theme .mv-town-channel-features li strong {
    color: #f4effa !important;
}

.ct-neon-theme .mv-town-channel-features li span {
    color: #a99eb8 !important;
}

@media (max-width: 600px) {
    .ct-neon-theme .mv-town-channel-card {
        border-radius: 16px;
    }
}