/* YTSTREAM 3.59 · Rediseño nativo de wp-login con fondo + Azy */
body.login{
    min-height:100vh;
    margin:0;
    background:#090a0d;
    color:#f4f1f3;
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    overflow-x:hidden;
}
body.login .language-switcher,
body.login .privacy-policy-page-link{
    position:relative;
    z-index:3;
}
body.login .yt359-auth-scene{
    position:fixed;
    inset:0;
    z-index:0;
    pointer-events:none;
    overflow:hidden;
}
body.login .yt359-auth-scene__backdrop,
body.login .yt359-auth-scene__mesh,
body.login .yt359-auth-scene__cards,
body.login .yt359-auth-scene__azy{
    position:absolute;
}
body.login .yt359-auth-scene__backdrop{
    inset:0;
    background:
        linear-gradient(90deg, rgba(7,8,11,.88) 0%, rgba(7,8,11,.75) 32%, rgba(7,8,11,.52) 52%, rgba(7,8,11,.78) 100%),
        url('../auth/login-background.png') center/cover no-repeat;
    transform:scale(1.02);
}
body.login .yt359-auth-scene__mesh{
    inset:0;
    background:
        radial-gradient(circle at 18% 20%, rgba(157,39,76,.18), transparent 26%),
        radial-gradient(circle at 82% 78%, rgba(94,51,143,.16), transparent 24%),
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size:auto, auto, 28px 28px, 28px 28px;
    opacity:.75;
    mask-image:linear-gradient(to bottom, rgba(0,0,0,.95), rgba(0,0,0,.72));
}
body.login .yt359-auth-scene__cards{
    top:12%;
    right:14%;
    width:min(36vw,520px);
    height:min(42vh,360px);
    opacity:.75;
    filter:drop-shadow(0 20px 48px rgba(0,0,0,.32));
}
body.login .yt359-auth-scene__cards::before,
body.login .yt359-auth-scene__cards::after{
    content:"";
    position:absolute;
    inset:auto 0 0 auto;
    width:72%;
    aspect-ratio:16/9;
    border:1px solid rgba(170,94,117,.34);
    border-radius:22px;
    background:rgba(12,14,18,.25);
    box-shadow:0 10px 30px rgba(0,0,0,.24);
    backdrop-filter:blur(8px);
}
body.login .yt359-auth-scene__cards::before{
    right:16%;
    top:0;
    transform:rotate(-8deg);
}
body.login .yt359-auth-scene__cards::after{
    right:0;
    bottom:0;
    transform:rotate(8deg);
}
body.login .yt359-auth-scene__azy{
    right:clamp(28px,6vw,88px);
    bottom:-1.5vh;
    width:min(36vw,520px);
    max-width:42%;
    max-height:90vh;
    object-fit:contain;
    filter:drop-shadow(0 28px 58px rgba(0,0,0,.48));
    opacity:.98;
}
body.login #login{
    position:relative;
    z-index:2;
    width:min(430px, calc(100% - 36px));
    margin:0 auto 0 clamp(18px, 8vw, 112px);
    padding:clamp(42px,9vh,96px) 0 40px;
}
body.login h1{
    margin:0 0 18px;
}
body.login h1 a{
    width:188px;
    height:50px;
    margin:0 0 18px;
    background-image:url('../branding/ytstream-logo-dark.png');
    background-size:contain;
    background-position:left center;
    background-repeat:no-repeat;
}
body.login .yt359-auth-intro{
    display:grid;
    gap:6px;
    margin:0 0 18px;
}
body.login .yt359-auth-intro__eyebrow{
    display:inline-flex;
    width:max-content;
    align-items:center;
    min-height:24px;
    padding:0 10px;
    border:1px solid rgba(170,94,117,.26);
    border-radius:999px;
    background:rgba(17,18,22,.58);
    color:#c395a4;
    font-size:11px;
    font-weight:680;
    letter-spacing:.02em;
    backdrop-filter:blur(10px);
}
body.login .yt359-auth-intro strong{
    font-size:clamp(29px,3vw,42px);
    line-height:1.02;
    letter-spacing:-.045em;
    color:#fff;
    font-weight:760;
}
body.login .yt359-auth-intro p{
    margin:0;
    max-width:36ch;
    color:#bdb5ba;
    font-size:13px;
    line-height:1.55;
}
body.login form{
    margin-top:0;
    padding:22px 22px 18px;
    border:1px solid rgba(168,156,162,.16);
    border-radius:22px;
    background:rgba(13,15,19,.78);
    box-shadow:0 24px 60px rgba(0,0,0,.35);
    backdrop-filter:blur(16px);
}
body.login form .input,
body.login input[type=text],
body.login input[type=password],
body.login input[type=email]{
    min-height:46px;
    margin:6px 0 15px;
    padding:10px 12px;
    border:1px solid rgba(171,161,166,.18);
    border-radius:12px;
    background:rgba(7,9,12,.78);
    color:#fff;
    font-size:15px;
    box-shadow:none;
}
body.login form .input:focus,
body.login input:focus{
    border-color:#8f2948;
    box-shadow:0 0 0 3px rgba(143,41,72,.14);
}
body.login label{color:#d4cdd1;font-size:11px;font-weight:630}
body.login .forgetmenot{display:flex;align-items:center;gap:8px;margin:2px 0 14px!important}
body.login .forgetmenot label{font-weight:540;font-size:11px;color:#b9b1b6}
body.login .submit{margin:0;padding:0}
body.login .button-primary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:0 18px;
    border:1px solid #8f2948;
    border-radius:12px;
    background:#8f2948;
    color:#fff;
    font-size:12.5px;
    font-weight:720;
    letter-spacing:.01em;
    box-shadow:none;
    text-shadow:none;
}
body.login .button-primary:hover,
body.login .button-primary:focus{background:#77223d;border-color:#77223d;color:#fff}
body.login .button.wp-hide-pw{border-color:rgba(171,161,166,.18);background:rgba(7,9,12,.78);color:#c98ea1}
body.login .button.wp-hide-pw:hover{color:#fff;border-color:#8f2948}
body.login #nav,
body.login #backtoblog{
    margin:14px 0 0;
    padding:0;
    text-align:left;
}
body.login #nav a,
body.login #backtoblog a{color:#b7aeb4;font-size:11px;text-decoration:none}
body.login #nav a:hover,
body.login #backtoblog a:hover{color:#fff}
body.login .message,
body.login .notice,
body.login #login_error{
    margin:0 0 12px;
    padding:12px 13px;
    border:1px solid rgba(168,156,162,.16);
    border-left:2px solid #8f2948;
    border-radius:12px;
    background:rgba(13,15,19,.8);
    color:#e0d8dc;
    font-size:11px;
    line-height:1.5;
}
body.login .language-switcher{
    position:fixed;
    left:clamp(18px,3vw,32px);
    bottom:18px;
}
body.login .language-switcher select{
    min-height:36px;
    padding:0 34px 0 12px;
    border:1px solid rgba(168,156,162,.18);
    border-radius:12px;
    background:rgba(13,15,19,.74);
    color:#e6dfe2;
}
body.login .privacy-policy-page-link{
    position:fixed;
    right:clamp(18px,3vw,32px);
    bottom:20px;
    margin:0;
}
body.login .privacy-policy-page-link a{color:#9b9398;font-size:10px}
@media (max-width: 1080px){
    body.login #login{margin-inline:auto;padding-top:34px}
    body.login .yt359-auth-scene__azy{right:-4%;opacity:.24;max-width:none;width:min(58vw,440px)}
    body.login .yt359-auth-scene__cards{right:-4%;opacity:.28;width:min(48vw,420px)}
}
@media (max-width: 720px){
    body.login .yt359-auth-scene__cards{display:none}
    body.login .yt359-auth-scene__azy{width:min(68vw,360px);right:-18%;bottom:12%;opacity:.14}
    body.login #login{width:min(440px,calc(100% - 28px));padding-top:24px}
    body.login h1 a{margin-bottom:14px;background-position:center}
    body.login .yt359-auth-intro strong{font-size:28px}
    body.login .yt359-auth-intro p{font-size:12px}
    body.login form{padding:18px 16px 14px;border-radius:18px;background:rgba(10,12,15,.9)}
    body.login .language-switcher,
    body.login .privacy-policy-page-link{position:static;margin:12px auto 0;text-align:center}
    body.login #nav,
    body.login #backtoblog{text-align:center}
}
