/* StreamControl · Login / registro / recuperación */
body.auth-page {
  min-height: 100vh;
  margin: 0;
  background:
    radial-gradient(circle at 8% 12%, rgba(100,124,255,.18), transparent 34%),
    radial-gradient(circle at 91% 82%, rgba(70,202,211,.11), transparent 31%),
    #0b111d !important;
  color: #f5f7ff !important;
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
.auth-shell { min-height:100vh; display:flex; align-items:stretch; }
.auth-showcase {
  position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:center; padding:clamp(2.3rem,5vw,5.5rem);
  background:
    radial-gradient(circle at 18% 12%, rgba(146,162,255,.25), transparent 30%),
    linear-gradient(145deg,#233b8f 0%,#4a3f96 55%,#292850 100%);
  border-right:1px solid rgba(255,255,255,.08);
}
.auth-showcase::after{content:'';position:absolute;width:360px;height:360px;border:70px solid rgba(255,255,255,.035);border-radius:50%;right:-180px;bottom:-170px;}
.auth-showcase-inner{position:relative;z-index:2;max-width:570px;margin-inline:auto}.auth-brand{display:inline-flex;align-items:center;gap:.7rem;color:#fff;text-decoration:none;font-weight:820;font-size:1.12rem;margin-bottom:2.4rem}.auth-brand-mark{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 30px rgba(0,0,0,.16)}
.auth-showcase h1,.auth-showcase h2{color:#fff!important;font-size:clamp(2rem,3.5vw,3.25rem);font-weight:840;letter-spacing:-.055em;line-height:1.08}.auth-showcase p{color:rgba(240,244,255,.76);line-height:1.72}
.auth-benefits{display:grid;gap:.8rem;margin-top:1.7rem}.auth-benefit{display:flex;gap:.85rem;padding:.9rem;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.055);backdrop-filter:blur(10px)}.auth-benefit-icon{width:37px;height:37px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.13);color:#fff}.auth-benefit strong{display:block;color:#fff;font-size:.86rem}.auth-benefit span{display:block;color:rgba(236,241,255,.7);font-size:.75rem;line-height:1.5;margin-top:.1rem}
.auth-form-side{display:flex;align-items:center;justify-content:center;padding:2rem;background:rgba(10,16,28,.72)}
.auth-card{width:100%;max-width:480px;padding:clamp(1.5rem,4vw,2.35rem);border:1px solid rgba(255,255,255,.09);border-radius:20px;background:#141d2f;box-shadow:0 32px 80px rgba(0,0,0,.28)}
.auth-card-wide{max-width:520px}.auth-card h1,.auth-card h2,.auth-card h3,.auth-card h4,.auth-card .form-label{color:#f7f9ff!important}.auth-card .text-muted,.auth-card .form-text{color:#93a0b8!important}
.auth-back{display:inline-flex;align-items:center;gap:.45rem;color:#a8b4c9;text-decoration:none;font-size:.8rem;font-weight:650;margin-bottom:1.25rem}.auth-back:hover{color:#fff}
.auth-title{font-size:1.65rem!important;font-weight:820!important;letter-spacing:-.04em;margin:0}.auth-subtitle{font-size:.88rem;line-height:1.6;margin:.5rem 0 1.4rem;color:#98a6bd!important}
.auth-page .form-label{font-size:.77rem;font-weight:760;margin-bottom:.45rem}.auth-page .form-control,.auth-page .input-group-text,.auth-page .form-select,.auth-page .toggle-password{min-height:47px;background:#1d2940!important;border-color:#33415c!important;color:#fff!important;box-shadow:none!important}.auth-page .form-control::placeholder{color:#73829d!important}.auth-page .form-control:focus,.auth-page .form-select:focus{border-color:#758aff!important;box-shadow:0 0 0 .22rem rgba(100,124,255,.14)!important;background:#202d46!important}.auth-page .input-group:focus-within .input-group-text,.auth-page .input-group:focus-within .toggle-password{border-color:#758aff!important}.toggle-password{cursor:pointer;color:#91a0bb!important}
.auth-primary{width:100%;min-height:49px;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#647cff,#8067ed)!important;color:#fff!important;font-weight:780!important;box-shadow:0 9px 24px rgba(100,124,255,.23)}.auth-primary:hover{transform:translateY(-1px);box-shadow:0 13px 30px rgba(100,124,255,.3)}
.auth-link{color:#93a7ff;text-decoration:none;font-weight:700}.auth-link:hover{color:#c3ceff}.auth-separator{display:flex;align-items:center;gap:.8rem;color:#65738c;font-size:.72rem;margin:1.2rem 0}.auth-separator::before,.auth-separator::after{content:'';height:1px;flex:1;background:#2c3952}
.auth-note{padding:.8rem .9rem;border-radius:12px;border:1px solid rgba(100,124,255,.18);background:rgba(100,124,255,.07);color:#aebbe0;font-size:.76rem;line-height:1.55}.auth-note i{color:#91a5ff}
.auth-alert{display:flex;align-items:flex-start;gap:.65rem;padding:.8rem .9rem;border-radius:12px;font-size:.8rem;margin-bottom:1rem}.auth-alert-danger{background:rgba(221,93,104,.1);border:1px solid rgba(221,93,104,.24);color:#ff9ca6}.auth-alert-success{background:rgba(47,167,122,.1);border:1px solid rgba(47,167,122,.24);color:#69d2aa}
.password-meter{height:5px;margin-top:.55rem;border-radius:999px;background:#2a3750;overflow:hidden}.password-meter-bar{height:100%;width:0;background:#d8666f;transition:width .2s ease,background .2s ease}.password-hint{display:flex;justify-content:space-between;gap:.5rem;margin-top:.35rem;color:#77859e;font-size:.68rem}.password-hint strong{color:#9ba8c0}

@media (max-width: 991.98px){.auth-showcase{display:none}.auth-form-side{min-height:100vh;padding:1rem}.auth-card{max-width:540px}}
@media (max-width: 575.98px){.auth-form-side{align-items:flex-start;padding:calc(1rem + env(safe-area-inset-top)) .75rem 1rem}.auth-card{margin-top:.3rem;padding:1.3rem;border-radius:16px}.auth-title{font-size:1.45rem!important}}