.login-container{background-color:var(--background);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:400px;padding:2rem;box-shadow:0 4px 6px #0000001a}.login-title{text-align:center;color:var(--text-primary);margin-bottom:2rem;font-size:1.5rem;font-weight:600}.login-form{flex-direction:column;gap:1.5rem;display:flex}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.input-group input{border:1px solid var(--border);background:var(--background);color:var(--text-primary);border-radius:6px;padding:.75rem;font-size:1rem}.input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light);outline:none}.button-group{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.primary-button,.secondary-button{cursor:pointer;border-radius:6px;width:100%;padding:.75rem;font-size:1rem;font-weight:500;transition:all .2s}.primary-button{color:#fff;background:#2563eb;border:none}.primary-button:hover{background:#1d4ed8}.secondary-button{color:var(--text-primary);border:1px solid var(--border);background:0 0}.secondary-button:hover{background:var(--surface-hover)}