html,body{height:100%;margin:0;padding:0;overflow:hidden}.login-container{background:var(--bg-dark);box-sizing:border-box;justify-content:center;align-items:center;height:100dvh;padding:0;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";pointer-events:none;background:radial-gradient(80% 50% at 20% 40%,#ffffff26 0%,#0000 50%),radial-gradient(60% 40% at 80% 60%,#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.wave-decoration{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.wave-line{border:1px solid #fff3;border-radius:50%;position:absolute}.wave-line:first-child{width:800px;height:800px;top:-300px;right:-200px}.wave-line:nth-child(2){width:600px;height:600px;bottom:-200px;left:-200px}.wave-line:nth-child(3){width:300px;height:300px;top:60%;left:30%}.orb{filter:blur(60px);pointer-events:none;border-radius:50%;position:absolute}.orb-1{background:#a855f780;width:400px;height:400px;top:5%;right:10%}.orb-2{background:#7c3aed80;width:300px;height:300px;bottom:10%;left:5%}.auth-wrapper{z-index:10;flex-direction:column;width:100%;max-width:900px;height:100%;max-height:100vh;display:flex;position:relative}.auth-card-scene{perspective:1500px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.auth-card{width:100%;max-width:850px;height:clamp(500px,85vh,600px);transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative}.auth-card.flipped{transform:rotateY(180deg)}.auth-face{backface-visibility:hidden;background:var(--surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);width:100%;height:100%;box-shadow:var(--card-shadow);border-radius:24px;flex-direction:row;display:flex;position:absolute;overflow:hidden}.auth-back{transform:rotateY(180deg)}.auth-card:not(.flipped) .auth-back,.auth-card.flipped .auth-front{pointer-events:none}.left-panel{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:#fff;flex-direction:column;justify-content:space-between;width:42%;padding:2rem;display:flex;position:relative;overflow:hidden}.left-panel:before{content:"";background:radial-gradient(circle,#ffffff26 0%,#0000 70%);border-radius:50%;width:100%;height:100%;position:absolute;top:-30%;right:-30%}.panel-header{z-index:2;position:relative}.logo{background:linear-gradient(110deg,#fff 20%,#e0e7ff 40%,#fff 50%,#c7d2fe 80%,#a5b4fc 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;animation:4s linear infinite shine;display:flex}.logo-icon{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.logo-icon svg{width:18px;height:18px;fill:var(--primary)}.panel-title{margin-bottom:.75rem;font-size:1.6rem;font-weight:700;line-height:1.25}.panel-subtitle{opacity:.9;font-size:.85rem;line-height:1.5}.panel-illustration{z-index:2;flex:1;justify-content:center;align-items:center;min-height:150px;display:flex;position:relative}.illustration-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:16px;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.illustration-box svg{fill:#fff;width:60px;height:60px}.right-panel{flex-direction:column;width:58%;padding:2rem 2.5rem;display:flex;overflow:hidden}.auth-header-fixed{flex-shrink:0;margin-bottom:1rem}.auth-header-fixed h2{color:var(--text);margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.auth-header-fixed p{color:var(--text-muted);font-size:.85rem}.auth-body-flex{flex:1;display:flex;overflow:hidden auto}.form-section{flex-direction:column;flex:1;justify-content:space-between;width:100%;display:flex}.social-buttons{gap:.75rem;margin-bottom:.75rem;display:flex}.social-btn{background:var(--surface-light);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.social-btn:hover{background:var(--border);transform:translateY(-1px)}.divider{color:var(--text-muted);align-items:center;gap:.75rem;margin:.75rem 0;font-size:.7rem;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.form-group{margin-bottom:.6rem}.form-group label{color:var(--text);margin-bottom:.2rem;font-size:.7rem;font-weight:500;display:block}.form-group input{background:var(--surface-light);box-sizing:border-box;width:100%;color:var(--text);border:2px solid #0000;border-radius:8px;padding:.6rem .8rem;font-size:.85rem;transition:all .3s}.form-group input:focus{background:var(--surface);border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #7c3aed26}.form-group input::placeholder{color:var(--text-muted)}.btn-auth{letter-spacing:.5px;background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;height:38px;margin-top:.4rem;font-size:.9rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px #7c3aed59}.btn-auth:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-auth:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed73}.btn-auth:hover:before{left:100%}.auth-footer-fixed{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;margin-top:auto;padding-top:1rem;display:flex}.switch-wrapper{background:var(--surface-light);border-radius:50px;justify-content:center;align-items:center;gap:.75rem;width:fit-content;padding:4px 12px;display:flex}.switch-label{color:var(--text-muted);cursor:pointer;opacity:.6;font-size:.75rem;font-weight:600;transition:all .3s}.switch-label.active-side{color:var(--primary);opacity:1;font-weight:700}.premium-switch{width:40px;height:20px;display:inline-block;position:relative}.premium-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--border);border-radius:34px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0003}.auth-toggle:checked+.slider{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%)}.auth-toggle:checked+.slider:before{transform:translate(20px)}#mensaje{text-align:center;border-radius:10px;max-width:100%;margin-top:.75rem;padding:.75rem;font-size:.8rem;transition:all .3s}#mensaje:empty{display:none}#mensaje.info{background:rgba(var(--primary-rgb), .08);border:1px solid rgba(var(--primary-rgb), .2);color:var(--primary)}#mensaje.success{background:rgba(var(--success-rgb), .08);border:1px solid rgba(var(--success-rgb), .2);color:var(--success)}#mensaje.error{background:rgba(var(--danger-rgb), .08);border:1px solid rgba(var(--danger-rgb), .2);color:var(--danger)}#mensaje.warning{background:rgba(var(--amber-rgb), .08);border:1px solid rgba(var(--amber-rgb), .2);color:var(--amber)}.btn-auth.loading{color:#0000}.btn-auth.loading:after{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.auth-card{border-radius:0;height:100vh;max-height:100vh}.auth-face{border-radius:0;flex-direction:column}.left-panel{width:100%;height:30%;min-height:180px;padding:1.5rem}.right-panel{width:100%;height:70%;padding:1.5rem}.panel-title{font-size:1.3rem}.illustration-box{width:80px;height:80px}.illustration-box svg{width:40px;height:40px}}@keyframes shine{to{background-position:200%}}