.login-wrapper{background-color:var(--color-primary-bg);min-height:100vh;padding:var(--spacing-md);justify-content:center;align-items:center;display:flex}.login-container{background-color:var(--color-secondary-bg);border-radius:var(--radius-lg);width:100%;max-width:1100px;min-height:650px;box-shadow:var(--shadow-xl);border:1px solid var(--color-line);display:flex;overflow:hidden}.login-brand-section{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-tertiary) 100%);color:#fff;flex-direction:column;flex:1;justify-content:center;padding:60px;display:flex;position:relative}.brand-overlay{pointer-events:none;background:radial-gradient(circle at 10% 20%,#ffffff0d 0%,#0000 80%);position:absolute;inset:0}.brand-content{z-index:10;position:relative}.brand-logo{align-items:center;gap:var(--spacing-sm);margin-bottom:40px;display:flex}.logo-icon{font-size:2rem}.brand-logo h2{color:#fff;margin-bottom:0;font-size:1.5rem;font-weight:700}.brand-content h1{color:#fff;margin-bottom:20px;font-size:2.2rem;font-weight:800;line-height:1.25}.brand-content p{color:#ffffffd9;margin-bottom:40px;font-size:1.05rem;line-height:1.6}.brand-stats{border-top:1px solid #ffffff26;gap:30px;padding-top:30px;display:flex}.stat-item h3{color:var(--color-warning);margin-bottom:4px;font-size:1.8rem;font-weight:700}.stat-item p{color:#ffffffb3;margin-bottom:0;font-size:.85rem}.login-form-section{background-color:var(--color-secondary-bg);justify-content:center;align-items:center;width:480px;padding:40px;display:flex}.login-form-card{width:100%;box-shadow:none;background-color:#0000;border:none;padding:0}.login-tabs{border-bottom:1px solid var(--color-line);margin-bottom:var(--spacing-lg);display:flex}.tab-btn{color:var(--color-secondary-text);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.tab-btn:hover{color:var(--color-primary)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.login-form-body{gap:var(--spacing-md);flex-direction:column;display:flex}.input-with-icon{position:relative}.input-icon-left{color:var(--color-accent3);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-with-icon .form-control{padding-left:40px}.flex-between{justify-content:space-between;align-items:center;display:flex}.forgot-password-link{font-size:.85rem;font-weight:500}.alert-message{align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-sm);color:var(--color-error);margin-bottom:var(--spacing-md);background-color:#e21c3d14;border:1px solid #e21c3d33;padding:12px;font-size:.9rem;display:flex}.divider-container{align-items:center;margin:24px 0;display:flex}.divider-container:before,.divider-container:after{content:"";background-color:var(--color-line);flex:1;height:1px}.divider-text{color:var(--color-secondary-text);padding:0 16px;font-size:.85rem}.google-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}@media (max-width:900px){.login-container{flex-direction:column;max-width:480px;min-height:auto}.login-brand-section{padding:40px}.login-brand-section h1{font-size:1.8rem}.brand-stats{gap:20px}.login-form-section{width:100%;padding:30px}}.login-type-tabs{background-color:var(--color-primary-bg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border:1px solid var(--color-line);padding:4px;display:flex}.type-tab-btn{border-radius:var(--radius-sm);color:var(--color-secondary-text);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-xs);background:0 0;border:none;flex:1;padding:10px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.type-tab-btn:hover{color:var(--color-primary)}.type-tab-btn.active{background-color:var(--color-secondary-bg);color:var(--color-primary);box-shadow:var(--shadow-sm)}.servidor-instructions{background-color:var(--color-primary-bg);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border:1px solid var(--color-line);gap:var(--spacing-md);flex-direction:column;display:flex}.servidor-instructions p{color:var(--color-secondary-text);margin:0;font-size:.95rem;line-height:1.6}.servidor-instructions strong{color:var(--color-primary-text)}
