@import url('/themes/default/assets/css/register.css');

.ct-neon-theme .mv-register-hero,
.ct-neon-theme .mv-register-card,
.ct-neon-theme .mv-register-features,
.ct-neon-theme .mv-register-actions {
    background: linear-gradient(145deg, rgba(20,11,32,.92), rgba(8,5,13,.93));
    border-color: rgba(255,255,255,.09);
    box-shadow: 0 18px 52px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.03);
}

.ct-neon-theme .mv-register-hero {
    position: relative;
    overflow: hidden;
}

.ct-neon-theme .mv-register-hero::before {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    right: -190px;
    top: -210px;
    border-radius: 50%;
    background: rgba(168,85,247,.12);
    filter: blur(20px);
}

.ct-neon-theme .mv-register-hero-icon,
.ct-neon-theme .mv-register-card-icon {
    color: #e1bcff;
    background: linear-gradient(135deg, rgba(168,85,247,.16), rgba(255,46,85,.08));
    border-color: rgba(255,255,255,.08);
}

.ct-neon-theme .mv-register-hero h1,
.ct-neon-theme .mv-register-card h2,
.ct-neon-theme .mv-register-features h2,
.ct-neon-theme .mv-register-actions h2,
.ct-neon-theme .mv-register-features li {
    color: #fff;
}

.ct-neon-theme .mv-register-hero p,
.ct-neon-theme .mv-register-card p,
.ct-neon-theme .mv-register-actions p {
    color: #aaa0b9;
}

.ct-neon-theme .mv-register-login {
    color: #fff;
    background: rgba(255,255,255,.045);
    border-color: rgba(255,255,255,.10);
}

.ct-neon-theme .mv-register-login:hover {
    background: rgba(168,85,247,.09);
    border-color: rgba(192,38,255,.24);
}

.ct-neon-theme .mv-register-create {
    color: #fff;
    background: linear-gradient(112deg, #7c3aed, #c026ff 50%, #ff2e55);
    border-color: rgba(255,255,255,.16);
    box-shadow: 0 10px 26px rgba(124,58,237,.22);
}

/* =============================================
   SPAZIO ITALY — REGISTER DARK NEON PREMIUM
   ============================================= */

.ct-neon-theme .mv-register-hero {
    grid-template-columns:
        minmax(0, 1fr)
        minmax(260px, 400px);
    gap: 32px;
}

.ct-neon-theme .mv-register-hero-visual {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    justify-self: end;

    width: 100%;
    max-width: 420px;
    padding: 20px;
    overflow: hidden;

    border: 1px solid rgba(176, 72, 255, .38);
    border-radius: 20px;

    background:
        radial-gradient(
            circle at 25% 25%,
            rgba(156, 46, 255, .17),
            transparent 65%
        ),
        linear-gradient(
            135deg,
            #190c26,
            #0a0610 65%,
            #200917
        );

    box-shadow:
        0 16px 36px rgba(0, 0, 0, .3),
        0 0 24px rgba(154, 48, 255, .1),
        inset 0 1px 0 rgba(255, 255, 255, .06);
}

.ct-neon-theme .mv-register-hero-visual img {
    display: block !important;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;

    /* Il bianco diventa scuro,
       i tratti dell'illustrazione diventano chiari */
    filter:
        invert(1)
        hue-rotate(160deg)
        saturate(1.5)
        contrast(1.12);

    mix-blend-mode: screen;
}

.ct-neon-theme .mv-register-hero-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(
        125deg,
        rgba(178, 68, 255, .06),
        transparent 50%,
        rgba(255, 41, 91, .07)
    );
}

/* Tablet */

@media (max-width: 860px) {
    .ct-neon-theme .mv-register-hero {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .ct-neon-theme .mv-register-hero-visual {
        justify-self: center;
        max-width: 440px;
    }
}

/* Smartphone */

@media (max-width: 620px) {
    .ct-neon-theme .mv-register-hero-visual {
        padding: 12px;
        border-radius: 16px;
    }
}


/* =============================================
   SPAZIO ITALY — REGISTER DARK NEON PREMIUM
   ============================================= */

.ct-neon-theme .mv-register-hero {
    grid-template-columns:
        minmax(0, 1fr)
        minmax(260px, 400px);
    gap: 32px;
}

.ct-neon-theme .mv-register-hero-visual {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    justify-self: end;

    width: 100%;
    max-width: 420px;
    padding: 20px;
    overflow: hidden;

    border: 1px solid rgba(176, 72, 255, .38);
    border-radius: 20px;

    background:
        radial-gradient(
            circle at 25% 25%,
            rgba(156, 46, 255, .17),
            transparent 65%
        ),
        linear-gradient(
            135deg,
            #190c26,
            #0a0610 65%,
            #200917
        );

    box-shadow:
        0 16px 36px rgba(0, 0, 0, .3),
        0 0 24px rgba(154, 48, 255, .1),
        inset 0 1px 0 rgba(255, 255, 255, .06);
}

.ct-neon-theme .mv-register-hero-visual img {
    display: block !important;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;

    /* Il bianco diventa scuro,
       i tratti dell'illustrazione diventano chiari */
    filter:
        invert(1)
        hue-rotate(160deg)
        saturate(1.5)
        contrast(1.12);

    mix-blend-mode: screen;
}

.ct-neon-theme .mv-register-hero-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(
        125deg,
        rgba(178, 68, 255, .06),
        transparent 50%,
        rgba(255, 41, 91, .07)
    );
}

/* Tablet */

@media (max-width: 860px) {
    .ct-neon-theme .mv-register-hero {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .ct-neon-theme .mv-register-hero-visual {
        justify-self: center;
        max-width: 440px;
    }
}

/* Smartphone */

@media (max-width: 620px) {
    .ct-neon-theme .mv-register-hero-visual {
        padding: 12px;
        border-radius: 16px;
    }
}