.gkl-sl {
max-width: 420px;
margin: 1.5em auto;
padding: 1.5em;
border: 1px solid #e2e2e2;
border-radius: 8px;
background: #fff;
}
.gkl-sl-title {
margin-top: 0;
}
.gkl-sl p {
margin: 0 0 0.9em;
}
.gkl-sl label {
display: block;
}
.gkl-sl input[type="text"],
.gkl-sl input[type="email"],
.gkl-sl input[type="password"] {
width: 100%;
padding: 0.6em;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 4px;
}
.gkl-sl-btn {
display: inline-block;
padding: 0.6em 1.4em;
background: #2271b1;
color: #fff !important;
border: none;
border-radius: 4px;
text-decoration: none;
cursor: pointer;
font-size: 1em;
}
.gkl-sl-btn:hover {
background: #135e96;
}
.gkl-sl-error {
color: #b32d2e;
background: #fcf0f1;
border: 1px solid #f0c6c7;
padding: 0.6em 0.9em;
border-radius: 4px;
}
.gkl-sl-divider {
text-align: center;
color: #888;
margin: 1.2em 0 0.6em;
}
.gkl-sl-google {
background: #fff;
color: #3c4043 !important;
border: 1px solid #dadce0;
width: 100%;
text-align: center;
box-sizing: border-box;
}
.gkl-sl-google:hover {
background: #f8f9fa;
}
.gkl-sl-note {
font-size: 0.85em;
color: #666;
}
.gkl-sl-check label {
display: flex;
align-items: flex-start;
gap: 0.5em;
font-size: 0.95em;
}
.gkl-sl-check input[type="checkbox"] {
margin-top: 0.25em;
}