/* ===== Pagina Fix My Master ===== */
.fixmymaster-screen {
    position: relative;
    min-height: 100vh;
    background: #000;
    color: #fff;
    overflow-x: hidden;
}

/* breadcrumb */
.breadcrumb-mini {
    font-size: .875rem;
    color: rgba(255,255,255,.6);
    margin-bottom: 1rem;
}

    .breadcrumb-mini a {
        color: rgba(255,255,255,.75);
        text-decoration: none;
    }

        .breadcrumb-mini a:hover {
            text-decoration: underline;
        }

    .breadcrumb-mini span {
        margin: 0 .35rem;
    }

/* ===== SEZIONE FORM: niente box, solo arco viola dietro ===== */
.submission-section {
    position: relative;
    z-index: 1;
}

.submission-wrap {
    position: relative;
    padding-top: 12px; /* spazio prima dei campi */
    padding-bottom: 24px;
    background: transparent;
    border: 0;
    box-shadow: none;
    overflow: visible; /* la sfumatura può “uscire” */
}

    /* Arco/sweep viola dietro ai campi (responsivo) */
    /* Arco radiale dietro ai campi — più ampio, senza taglio */
    .submission-wrap::before {
        content: "";
        position: absolute;
        pointer-events: none;
        z-index: 0;
        /* centra l'arco rispetto al form e allargalo tanto */
        top: -120px; /* alza/abbassa il centro */
        left: 50%;
        transform: translateX(-50%);
        width: 140vw; /* molto largo */
        height: 48rem; /* ~ 770px: scende ben oltre i campi */
        /* 2 radiali + lieve vignetta verso il basso */
        background: radial-gradient(30% 70% at 45% 50%, rgba(124,58,237,.45) 0%, rgba(124,58,237,.22) 35%, rgba(124,58,237,.10) 60%, rgba(124,58,237,0) 85%), 
            linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.08) 65%, rgba(0,0,0,.18) 100%);
    }

@media (max-width: 576px) {
    .submission-wrap::before {
        top: -110px;
        width: 170vw;
        height: 40rem; /* adatta sui telefoni */
    }
}


    /* assicura che i contenuti stiano sopra l’arco */
    .submission-wrap > * {
        position: relative;
        z-index: 1;
    }

/* ===== Titolo ===== */
.submission-section h1.display-5 {
    font-weight: 700; /* GRASSETTO */
    letter-spacing: .4px;
    text-shadow: 0 2px 8px rgba(0,0,0,.7);
    color: #fff;
}

.submission-section p.text-muted {
    color: rgba(255,255,255,.7) !important;
}

/* ===== Label ===== */
.form-label {
    color: #fff;
    font-weight: 600;
    margin-bottom: .35rem;
}

/* ===== Input scuri stile reference ===== */
.form-control-dark {
    background: linear-gradient(180deg, rgba(255,255,255,.09) 0%, rgba(255,255,255,.06) 12%, rgba(255,255,255,.05) 100%);
    border: 1px solid rgba(255,255,255,.14);
    color: #fff;
    height: 48px;
    border-radius: 10px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 0 1px rgba(0,0,0,.25);
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

    .form-control-dark::placeholder {
        color: rgba(255,255,255,.45);
    }

    .form-control-dark:focus {
        background: linear-gradient(180deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.07) 14%, rgba(255,255,255,.05) 100%) !important;
        color: #fff;
        border-color: rgba(124,58,237,.7);
        box-shadow: 0 0 0 .2rem rgba(124,58,237,.25), inset 0 1px 0 rgba(255,255,255,.1);
        outline: 0;
    }

/* no giallino autofill */
input.form-control-dark:-webkit-autofill,
input.form-control-dark:-webkit-autofill:hover,
input.form-control-dark:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px rgba(255,255,255,.06) inset !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: #fff;
    transition: background-color 9999s ease-in-out 0s;
}

/* Nota legale sotto il link */
.submission-section .text-muted.small {
    color: rgba(255,255,255,.55) !important;
}

/* ===== Bottone ===== */
.btn-pill-primary {
    background: #7c3aed;
    color: #fff;
    border-radius: 999px;
    height: 42px;
    line-height: 42px;
    border: none;
    padding: 0 20px;
    box-shadow: 0 10px 34px rgba(124,58,237,.4), inset 0 -2px 0 rgba(0,0,0,.35);
    transition: transform .08s ease, filter .2s ease, box-shadow .2s ease;
}

    .btn-pill-primary:hover {
        filter: brightness(1.06);
        box-shadow: 0 12px 40px rgba(124,58,237,.5), inset 0 -2px 0 rgba(0,0,0,.35);
    }

    .btn-pill-primary:active {
        transform: translateY(1px) scale(.99);
    }

/* Alert */
.alert {
    border-radius: 10px;
    margin-bottom: 1rem;
}

.alert-primary {
    background: rgba(124,58,237,.15);
    border: 1px solid rgba(124,58,237,.35);
    color: #e9ddff;
}

/* Responsive */
@media (max-width: 576px) {
    .display-5 {
        font-size: 1.75rem;
    }

    .submission-wrap::before {
        top: -120px;
        left: -35vw;
        width: 170vw;
        height: 380px; /* arco più largo sui telefoni */
    }
}