.auth{--violeta:#8b5cf6;--violeta-fuerte:#7c3aed;--violeta-300:#c4b5fd;--rosa:#e879f9;--noche:#2e1065;--noche-profunda:#1e0b4b;--radius-s:10px;--radius-l:20px;--glass-bg:#ffffff1f;--glass-border:#ffffff38;--glass-input:#ffffff24;--glass-input-border:#ffffff47;--txt:#fff;--txt-soft:#ffffffd1;--txt-mute:#fff9;width:100%;max-width:840px;color:var(--txt);text-align:left}.auth__shell{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-l);width:100%;min-height:540px;position:relative;overflow:hidden;box-shadow:0 8px 32px #1e0b4b73}.auth__repo{text-align:center;color:#ffffffe6;text-shadow:0 1px 3px #0000008c;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;max-width:520px;margin:16px auto 0;font-size:13px;line-height:1.4;display:flex}.auth__repo-link{color:#fff;background:#00000059;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.auth__repo-link:hover{border-color:var(--violeta-300);background:#0000008c;transform:translateY(-1px)}.auth__form{flex-direction:column;justify-content:center;width:50%;height:100%;padding:30px 40px;transition:transform .6s,opacity .6s;display:flex;position:absolute;top:0;left:0}.auth__form--login{z-index:2}.auth__form--registro{z-index:1;opacity:0}.auth[data-activo=true] .auth__form--login{opacity:0;z-index:1;transform:translate(100%)}.auth[data-activo=true] .auth__form--registro{opacity:1;z-index:5;animation:.6s authAparecer;transform:translate(100%)}@keyframes authAparecer{0%,49%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.auth__brand{color:var(--txt);align-items:center;gap:10px;margin-bottom:16px;display:inline-flex}.auth__logo{color:#fff;background:linear-gradient(140deg, var(--violeta-300), var(--violeta-fuerte));border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;box-shadow:0 8px 20px -8px #7c3aedb3}.auth__brand-name{letter-spacing:-.2px;font-size:17px;font-weight:700}.auth__brand-name em{color:var(--violeta-300);font-style:normal}.auth__brand--claro{color:#fff}.auth__title{color:var(--txt);margin:0 0 5px;font-size:20px;font-weight:700}.auth__sub{color:var(--txt-soft);margin:0 0 16px;font-size:12.5px;line-height:1.45}.auth__switch{color:var(--txt-soft);text-align:center;margin:14px 0 0;font-size:12.5px}.auth__switch button{font:inherit;color:var(--violeta-300);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.auth__switch button:hover{text-decoration:underline}.auth__acepta{color:var(--txt-soft);cursor:pointer;align-items:flex-start;gap:8px;margin:10px 0 0;font-size:12px;line-height:1.4;display:flex}.auth__acepta input{accent-color:var(--violeta);margin-top:2px}.auth__acepta a{color:var(--violeta-300);font-weight:600}.auth__ok{border-radius:var(--radius-s);color:var(--txt);background:#10b9812e;margin:8px 0 0;padding:10px 12px;font-size:13px}.auth__divisor{color:var(--txt-mute);align-items:center;gap:12px;margin:12px 0;font-size:12px;display:flex}.auth__divisor:before,.auth__divisor:after{content:"";background:#fff3;flex:1;height:1px}.auth__demo-nota{color:var(--txt-mute);margin:12px 0 0;font-size:11px;line-height:1.4}.auth__overlay-wrap{z-index:100;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);width:50%;height:100%;transition:transform .6s,clip-path .6s;position:absolute;top:0;left:50%;overflow:hidden}.auth[data-activo=true] .auth__overlay-wrap{clip-path:polygon(0 0,88% 0,100% 100%,0 100%);transform:translate(-100%)}.auth__overlay{color:#fff;background:linear-gradient(150deg, var(--noche) 0%, var(--violeta-fuerte) 55%, var(--violeta) 100%);width:200%;height:100%;transition:transform .6s;position:relative;left:-100%;overflow:hidden;transform:translate(0)}.auth[data-activo=true] .auth__overlay{transform:translate(50%)}.auth__overlay:before{content:"";opacity:.55;pointer-events:none;background-image:radial-gradient(#ffffff29 1px,#0000 1.6px);background-size:20px 20px;animation:7s linear infinite authTextura;position:absolute;inset:-20%}@keyframes authTextura{to{background-position:40px 40px}}.auth__overlay:after{content:"";filter:blur(6px);pointer-events:none;background:radial-gradient(closest-side,#e879f973,#0000 70%);animation:9s ease-in-out infinite alternate authBrillo;position:absolute;inset:-40%}@keyframes authBrillo{0%{opacity:.75;transform:translate(-12%,-8%)scale(1)}to{opacity:1;transform:translate(22%,16%)scale(1.35)}}.auth__panel{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:50%;height:100%;padding:44px 40px;transition:transform .6s;display:flex;position:absolute;top:0}.auth__panel--left{left:0;transform:translate(-16%)}.auth__panel--right{right:0;transform:translate(0)}.auth[data-activo=true] .auth__panel--left{transform:translate(0)}.auth[data-activo=true] .auth__panel--right{transform:translate(16%)}.auth__overlay-title{letter-spacing:-.3px;text-shadow:0 2px 12px #00000040;margin:6px 0 4px;font-size:21px;font-weight:700}.auth__overlay-sub{color:#ffffffd9;max-width:260px;margin:0 0 18px;font-size:13px;line-height:1.55}.auth__ghost{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;cursor:pointer;background:#ffffff14;border:1.5px solid #fffc;border-radius:999px;padding:10px 26px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.auth__ghost:hover{color:var(--violeta-fuerte);background:#fff}.login__form{flex-direction:column;display:flex}.login__demo-cred{border:1px dashed var(--glass-input-border);border-radius:var(--radius-s);background:var(--glass-input);color:var(--txt-soft);margin:0 0 12px;padding:8px 11px;font-size:11.5px;line-height:1.5}.login__demo-cred code{color:var(--violeta-300);word-break:break-all;font-size:11px}.field{flex-direction:column;gap:5px;margin-bottom:11px;display:flex}.field__label{color:var(--txt-soft);font-size:12px;font-weight:600}.field__input{border:1px solid var(--glass-input-border);border-radius:var(--radius-s);height:40px;color:var(--txt);background:var(--glass-input);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0 12px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.field__input::placeholder{color:var(--txt-mute)}.field__input:focus{border-color:#ffffff8c;outline:none;box-shadow:0 0 0 3px #c4b5fd59}.field__input:disabled{opacity:.6;cursor:not-allowed}.login__password{position:relative}.login__password .field__input{width:100%;padding-right:40px}.login__password-toggle{width:32px;height:32px;color:var(--txt-mute);border-radius:var(--radius-s);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.login__password-toggle:hover{color:var(--txt);background:#ffffff1f}.pw-rules{grid-template-columns:1fr 1fr;gap:2px 12px;margin:-2px 0 11px;padding:0;list-style:none;display:grid}.pw-rule{color:var(--txt-mute);align-items:center;gap:6px;font-size:11px;transition:color .15s;display:flex}.pw-rule[data-ok=true]{color:var(--violeta-300)}.pw-rule__dot{background:currentColor;border-radius:50%;flex:none;width:5px;height:5px}.btn{border-radius:var(--radius-s);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s;display:inline-flex}.btn--primary{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#c084fc 100%);box-shadow:0 8px 20px -10px #7c3aedcc}.btn--primary:hover:not(:disabled){transform:translateY(-1px)}.btn--google{color:#fff;border-color:var(--glass-input-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff29}.btn--google:hover:not(:disabled){background:#ffffff42}.btn--block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.login__form .btn{margin-top:3px}.form-error{border-radius:var(--radius-s);color:#fff;background:#dc262638;border:1px solid #f8717199;align-items:flex-start;gap:9px;margin-bottom:12px;padding:10px 12px;font-size:12px;line-height:1.4;display:flex}.form-error ul{margin:0;padding-left:15px}.spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:13px;height:13px;animation:.6s linear infinite authGirar;display:inline-block}@keyframes authGirar{to{transform:rotate(360deg)}}@media (max-width:720px){.auth__shell{min-height:0}.auth__overlay-wrap{display:none}.auth__form{width:100%;padding:28px 24px;transition:none;position:relative}.auth__form--registro,.auth[data-activo=true] .auth__form--login{display:none}.auth[data-activo=true] .auth__form--registro{opacity:1;animation:none;display:flex;transform:none}}@media (prefers-reduced-motion:reduce){.auth__form,.auth__overlay,.auth__overlay-wrap,.auth__panel{transition:none}.auth__overlay:before,.auth__overlay:after{animation:none}.spin{animation-duration:2s}}.puerta{background:linear-gradient(160deg,#1e0b4b 0%,#3b1a8a 45%,#6d28d9 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex;position:relative;overflow:hidden}.puerta__mancha{filter:blur(70px);opacity:.55;pointer-events:none;border-radius:50%;animation:16s ease-in-out infinite alternate puertaFlotar;position:absolute}.puerta__mancha--1{background:#a78bfa;width:46vmax;height:46vmax;top:-14vmax;left:-12vmax}.puerta__mancha--2{background:#e879f9;width:38vmax;height:38vmax;animation-delay:-6s;bottom:-12vmax;right:-10vmax}.puerta__mancha--3{opacity:.35;background:#818cf8;width:26vmax;height:26vmax;animation-delay:-11s;top:8%;right:18%}@keyframes puertaFlotar{to{transform:translate(6vmax,4vmax)scale(1.12)}}.puerta>.auth{z-index:1;position:relative}.puerta__pie{z-index:1;color:#ffffffb3;margin-top:18px;font-size:12px;position:relative}@media (prefers-reduced-motion:reduce){.puerta__mancha{animation:none}}