.login-card {
padding: 30px 0 20px;
border-bottom: 1px solid #e2e4e7;
margin-bottom: 20px;
}

.login-title {
margin: 0 0 5px;
font-size: 24px;
font-weight: 600;
color: #333;
}

.login-subtitle {
margin: 0 0 25px;
color: #666;
font-size: 14px;
}

.form-group {
margin-bottom: 20px;
}

.form-group label {
display: block;
margin-bottom: 6px;
font-weight: 600;
font-size: 13px;
color: #444;
}

.form-hint {
display: block;
margin-top: 4px;
font-size: 12px;
color: #888;
}

.api-section {
padding-top: 5px;
}

.api-section h3 {
margin: 0 0 5px;
font-size: 16px;
font-weight: 600;
color: #333;
}

.api-section code {
background: #f0f0f0;
padding: 1px 5px;
border-radius: 3px;
font-size: 12px;
}

.sign-in-button {
box-sizing: border-box;
}