/* AM Club v700 - Fondo polygonal elegante para Login.aspx
   Objetivo:
   - aplicar un fondo similar al arte aprobado por Marcelo
   - mantener el login centrado y legible
   - reforzar look premium sin tocar la lógica del formulario
*/

html body.am-body .am-login-v700{
    background:#030511!important;
    position:relative!important;
    isolation:isolate!important;
}

html body.am-body .am-login-v700 .am-login-v482__bg{
    background:
        linear-gradient(90deg, rgba(3,5,17,.92) 0%, rgba(5,7,20,.68) 26%, rgba(5,7,20,.52) 50%, rgba(5,7,20,.68) 74%, rgba(3,5,17,.92) 100%),
        radial-gradient(circle at 12% 26%, rgba(209,72,255,.14), transparent 0 28%),
        radial-gradient(circle at 86% 18%, rgba(178,62,255,.12), transparent 0 22%),
        radial-gradient(circle at 18% 78%, rgba(34,126,255,.12), transparent 0 25%),
        radial-gradient(circle at 86% 80%, rgba(255,56,201,.12), transparent 0 24%),
        url('../Content/images/amclub-login-bg-v700.png') center center / cover no-repeat!important;
    filter:saturate(1.02) contrast(1.04) brightness(.72)!important;
    transform:none!important;
}

html body.am-body .am-login-v700::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    z-index:0!important;
    background:
        radial-gradient(circle at 50% 46%, rgba(0,0,0,0), rgba(0,0,0,.18) 52%, rgba(0,0,0,.42) 100%),
        linear-gradient(180deg, rgba(3,5,17,.12), rgba(3,5,17,.24));
}

html body.am-body .am-login-v700 .am-login-v482__texture{
    opacity:0!important;
}

html body.am-body .am-login-v700 .am-login-v482__aura--pink,
html body.am-body .am-login-v700 .am-login-v482__aura--cyan{
    opacity:.16!important;
    filter:blur(52px)!important;
}

html body.am-body .am-login-v700 .am-login-v482__shell{
    position:relative!important;
    z-index:2!important;
}

html body.am-body .am-login-v700 .am-login-v482__card{
    box-shadow:
        0 26px 70px rgba(0,0,0,.58),
        0 0 0 1px rgba(255,255,255,.02) inset,
        0 0 20px rgba(255,80,214,.06),
        0 0 18px rgba(68,220,255,.05)!important;
}

html body.am-body .am-login-v700 .am-login-v482__brand,
html body.am-body .am-login-v700 .am-login-v688__brand{
    box-shadow:
        0 20px 48px rgba(0,0,0,.34),
        inset 0 0 0 1px rgba(255,255,255,.028),
        0 0 0 1px rgba(255,54,214,.05)!important;
}

@media(max-width:820px){
    html body.am-body .am-login-v700 .am-login-v482__bg{
        background-position:center top!important;
        background-size:cover!important;
        filter:saturate(1.01) contrast(1.03) brightness(.68)!important;
    }
}