.login-container{display:flex;background:var(--color-bg-secondary);justify-content:center;align-items: center;min-height:100vh;padding:1rem}.login-card{background:var(--color-bg);box-shadow:var(--shadow-md);border-radius:8px;width:100%;max-width:400px;padding:2rem}.login-logo{display:block;object-fit:contain;max-width:180px;max-height:64px;margin:0 auto 1rem}h1{text-align:center;color:var(--color-accent-text);margin:0 0 .25rem;font-size:1.5rem}.subtitle{text-align:center;color:var(--color-text-secondary);margin:0 0 1.5rem;font-size:.875rem}.error-message{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger-text);border-radius:4px;margin-bottom:1rem;padding:.75rem;font-size:.875rem}.form-group{margin-bottom:1rem}label{display:block;color:var(--color-text);margin-bottom:.25rem;font-size:.875rem;font-weight:500}input{border:1px solid var(--color-border);box-sizing:border-box;border-radius:4px;width:100%;padding:.625rem .75rem;font-size:1rem}input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-focus-ring)}.btn-primary{background:var(--color-primary);color:var(--color-primary-contrast);cursor:pointer;border:none;border-radius:4px;width:100%;margin-top:.5rem;padding:.75rem;font-size:1rem;font-weight:500}.btn-primary:hover{background:var(--color-primary-dark)}body{background:var(--color-bg)}