.auth-container{background-color:var(--bg-color);min-height:80vh;color:var(--text-main);justify-content:center;align-items:center;padding-top:100px;display:flex}.auth-card{background:var(--card-bg);border-radius:var(--radius-btn);border:1px solid var(--border-color);width:100%;max-width:400px;color:var(--text-main);padding:2rem;box-shadow:0 10px 30px #0000004d}.auth-card h2{text-align:center;font-family:var(--font-title);color:var(--gold-primary);margin-bottom:1.5rem}.auth-error{color:var(--color-error);border-radius:var(--radius-chip);font-size:var(--text-small);background:#d9534f26;border:1px solid #d9534f4d;margin-bottom:1rem;padding:10px}.form-group{margin-bottom:1rem}.form-group label{margin-bottom:.5rem;font-weight:500;display:block}.form-group input{background:var(--highlight-color);border:1px solid var(--border-color);border-radius:var(--radius-chip);width:100%;color:var(--text-main);font-size:var(--text-body-size);padding:10px}.auth-btn{background:var(--gold-primary);width:100%;color:var(--color-white);border-radius:var(--radius-chip);font-size:var(--text-body-size);cursor:pointer;transition:background var(--duration-base) var(--ease-brand);border:none;margin-top:1rem;padding:12px}.auth-btn:hover{filter:brightness(.9)}.auth-link{text-align:center;font-size:var(--text-small);margin-top:1rem}.auth-link a{color:var(--gold-primary);font-weight:500;text-decoration:none}.demon-theme .auth-container{background-color:var(--color-black-carbon)}.demon-theme .auth-card{background:var(--color-black-raised);color:var(--color-white-soft)}.demon-theme .form-group input{background:var(--color-gray-line);border-color:var(--color-gray-line);color:var(--color-white)}.auth-divider{text-align:center;color:var(--text-secondary);font-size:var(--text-small);align-items:center;margin:1.5rem 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--border-color);flex:1}.auth-divider:not(:empty):before{margin-right:.5em}.auth-divider:not(:empty):after{margin-left:.5em}.auth-google-btn{background:var(--card-bg);width:100%;color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-chip);font-size:var(--text-body-size);cursor:pointer;transition:background var(--duration-base) var(--ease-brand), border-color var(--duration-base) var(--ease-brand);justify-content:center;align-items:center;gap:10px;padding:12px;font-family:inherit;font-weight:500;display:flex}.auth-google-btn:hover{border-color:var(--text-secondary);background:#ffffff0d}.auth-google-btn svg{width:20px;height:20px}