.auth-login-page{background:linear-gradient(135deg,#0f172a 0%,#1e293b 25%,#0f766e 60%,#0d9488 85%,#14b8a6 100%) fixed;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-login-page:before{content:"";pointer-events:none;background:radial-gradient(80% 50% at 50% -20%,#14b8a626 0%,#0000 50%);position:fixed;inset:0}.auth-login-logo-pattern{pointer-events:none;z-index:0;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:56px;padding:64px;display:grid;position:fixed;inset:0}.auth-login-logo-pattern-tile{filter:brightness(0)invert();background-position:50%;background-repeat:no-repeat;background-size:contain}.auth-login-card{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff7;border-radius:20px;width:100%;max-width:460px;padding:2.5rem;transition:height .4s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 25px 50px -12px #0006,0 0 0 1px #ffffff1a}.auth-login-content{transition:opacity .4s cubic-bezier(.4,0,.2,1)}.auth-login-logo{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:2rem;transition:height .4s cubic-bezier(.4,0,.2,1);display:flex}@keyframes auth-logo-fadein{0%{opacity:0}to{opacity:1}}.auth-login-logo-img{object-fit:contain;width:auto;height:52px;animation:.6s ease-out forwards auth-logo-fadein}.auth-login-logo-text{letter-spacing:-.02em;background:linear-gradient(135deg,#0f766e 0%,#14b8a6 100%);-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;animation:.5s ease-out .2s forwards auth-logo-fadein}.auth-login-logo-tagline{color:#64748b;letter-spacing:.05em;text-transform:uppercase;opacity:0;font-size:.8rem;font-weight:500;animation:.5s ease-out .35s forwards auth-logo-fadein}.auth-login-slogan{text-align:center;letter-spacing:.02em;background:linear-gradient(135deg,#0f766e 0%,#14b8a6 100%);-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;background-clip:text;margin:.75rem 0 0;font-size:1rem;font-weight:700;line-height:1.4;transition:opacity .4s cubic-bezier(.4,0,.2,1);animation:.5s ease-out .45s forwards auth-logo-fadein}.auth-login-form-inner{opacity:0;background:linear-gradient(135deg,#0d94880f 0%,#14b8a605 100%);border:1px solid #0d94882e;border-radius:16px;padding:1.75rem;animation:.5s ease-out .4s forwards auth-logo-fadein;position:relative;overflow:hidden;box-shadow:0 2px 12px #0d94880f}.auth-login-form-inner:before{content:"";background:linear-gradient(#0d9488 0%,#14b8a6 100%);border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.auth-login-form-header{margin-bottom:1.5rem}.auth-login-form-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 .375rem;font-size:1.5rem;font-weight:700;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.auth-login-form-subtitle{color:#64748b;margin:0;font-size:.9rem;line-height:1.5;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.auth-login-form-field-wrap{margin-bottom:1.25rem}.auth-login-form s-text-field{--text-field-border-radius:12px}.auth-login-submit-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#0d9488 0%,#14b8a6 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:14px 24px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #0d948e66}.auth-login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #0d948e80}.auth-login-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-login-submit-icon{flex-shrink:0}.auth-login-locale{background:#ffffffe6;border:1px solid #0000000f;border-radius:10px;align-items:stretch;gap:0;padding:4px;display:flex;position:absolute;top:1.25rem;right:1.25rem;box-shadow:0 1px 3px #00000014}.auth-login-locale-indicator{pointer-events:none;background:linear-gradient(135deg,#0d9488 0%,#14b8a6 100%);border-radius:7px;width:calc(50% - 4px);transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 1px 3px #0d948e4d}.auth-login-locale[data-active=es] .auth-login-locale-indicator{transform:translate(100%)}.auth-login-locale-btn{color:#64748b;z-index:1;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex;position:relative}.auth-login-locale-btn:hover{color:#0f172a}.auth-login-locale-btn.active{color:#fff}.auth-login-locale-flag{object-fit:cover;border-radius:50%;width:20px;height:16px;display:block}
