.auth-layout{width:100%;min-height:100vh;display:flex}.auth-panel-brand{background:var(--clr-bg);color:var(--clr-text);flex-direction:column;flex:1;justify-content:center;padding:4rem;display:flex;position:relative;overflow:hidden}.auth-panel-brand:before{content:"";background:radial-gradient(circle,hsla(var(--hue-primary),80%,60%,.1)0%,transparent 60%);z-index:0;pointer-events:none;width:140%;height:140%;position:absolute;top:-20%;left:-20%}.auth-brand-content{z-index:1;max-width:500px;margin:0 auto;position:relative}.auth-brand-content .benefit-list{margin-top:2rem;margin-bottom:3rem}.auth-brand-content .benefit-list li{margin-bottom:1rem;font-size:1.1rem}.auth-preview-mockup{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:1.5rem;transition:transform .3s;transform:rotate(-2deg);box-shadow:0 20px 40px -10px #00000080}.auth-preview-mockup:hover{transform:rotate(0)translateY(-5px)}.auth-panel-form{background:var(--clr-surface);border-left:1px solid var(--clr-border);flex-direction:column;flex:1;padding:2rem;display:flex}.auth-header-minimal{justify-content:space-between;align-items:center;padding-bottom:2rem;display:flex}.auth-form-container{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:440px;margin:0 auto;display:flex}.auth-form-title{margin-bottom:.5rem}.auth-form-subtitle{color:var(--clr-text-muted);margin-bottom:2rem}.social-login-group{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.btn-social{background:var(--clr-bg);border:1px solid var(--clr-border);color:var(--clr-text);border-radius:var(--radius-sm);transition:var(--transition-fast);justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-weight:500;display:flex;position:relative}.btn-social:hover{background:var(--clr-surface);border-color:var(--clr-text-muted)}.btn-social svg{width:20px;height:20px}.auth-divider{text-align:center;color:var(--clr-text-muted);align-items:center;margin:1.5rem 0;font-size:.9rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--clr-border);flex:1}.auth-divider:not(:empty):before{margin-right:1rem}.auth-divider:not(:empty):after{margin-left:1rem}.form-group{margin-bottom:1.25rem}.form-label{color:var(--clr-text);margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.form-input{border:1px solid var(--clr-border);border-radius:var(--radius-sm);background:var(--clr-bg);width:100%;color:var(--clr-text);padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--clr-primary);box-shadow:0 0 0 3px hsla(var(--hue-primary),80%,60%,.2);outline:none}.password-input-wrapper{position:relative}.password-toggle{color:var(--clr-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.password-toggle:hover{color:var(--clr-text)}.form-actions{justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.9rem;display:flex}.forgot-link{color:var(--clr-primary);font-weight:500;text-decoration:none}.forgot-link:hover{text-decoration:underline}.alternate-action{text-align:center;color:var(--clr-text-muted);margin-top:1.5rem;font-size:.95rem}.alternate-action button{color:var(--clr-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem;font-weight:500}.alternate-action button:hover{text-decoration:underline}.security-indicators{color:var(--clr-text-muted);justify-content:center;gap:1.5rem;margin-top:3rem;font-size:.8rem;display:flex}.indicator-item{align-items:center;gap:.4rem;display:flex}.auth-alert{border-radius:var(--radius-sm);align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.auth-alert.error{color:#f07575;background:#b814141a;border:1px solid #b8141433}.auth-alert.success{color:#10b981;background:#14b8661a;border:1px solid #14b86633}.auth-footer{color:var(--clr-text-muted);justify-content:space-between;align-items:center;padding-top:2rem;font-size:.85rem;display:flex}.auth-footer-links{gap:1rem;display:flex}.auth-footer-links a{color:inherit;text-decoration:none}.auth-footer-links a:hover{color:var(--clr-text)}@media (max-width:900px){.auth-layout{flex-direction:column-reverse}.auth-panel-brand{border-top:1px solid var(--clr-border);padding:3rem 1.5rem}.auth-panel-form{border-left:none;min-height:100vh;padding:2rem 1.5rem}.auth-form-container{justify-content:flex-start;padding-top:2rem}}