@media screen{html[data-sa-ui-theme="light"] .auth-card {
    border: 1px solid #708297;
    background: linear-gradient(155deg,hsl(216 28% 97%) 0%,hsl(218 28% 97%) 55%,hsl(217 28% 97%) 100%);
    box-shadow: 0 28px 72px rgba(20,45,70,0.14),inset 0 1px 0 rgba(20,45,70,0.04)
}
html[data-sa-ui-theme="light"] .auth-card::before {
    background: linear-gradient(180deg,rgba(35,75,110,0.060),transparent 24%,transparent 100%)
}
html[data-sa-ui-theme="light"] .auth-msg.ok {
    color: hsl(141 80% 28%);
    background: hsla(142,40%,96%,0.14);
    border-color: hsl(142 58% 38%)
}
html[data-sa-ui-theme="light"] .auth-msg.err {
    color: hsl(0 80% 28%);
    background: hsla(0,40%,96%,0.14);
    border-color: hsl(0 58% 38%)
}
html[data-sa-ui-theme="light"] .auth-info-block {
    border: 1px solid hsl(198 58% 38%);
    background: linear-gradient(135deg,hsla(199,40%,96%,0.12),hsla(221,40%,96%,0.08));
    color: hsl(214 80% 28%)
}
html[data-sa-ui-theme="light"] .auth-info-block svg {
    color: hsl(199 80% 28%)
}
html[data-sa-ui-theme="light"] .auth-field label {
    color: hsl(214 31% 28%)
}
html[data-sa-ui-theme="light"] .auth-input {
    border: 1px solid #708297;
    background: rgba(35,75,110,0.060);
    color: #19344d;
    box-shadow: inset 0 1px 0 rgba(20,45,70,0.04)
}
html[data-sa-ui-theme="light"] .auth-input:focus {
    border-color: hsl(198 58% 38%);
    background: rgba(35,75,110,0.065);
    box-shadow: 0 0 0 3px rgba(20,45,70,0.1),inset 0 1px 0 rgba(20,45,70,0.05)
}
html[data-sa-ui-theme="light"] .auth-input::placeholder {
    color: hsl(213 22% 28%)
}
html[data-sa-ui-theme="light"] .auth-pass-toggle {
    background: rgba(35,75,110,0.060);
    color: hsl(209 80% 28%)
}
html[data-sa-ui-theme="light"] .auth-pass-toggle:hover,html[data-sa-ui-theme="light"] .auth-pass-toggle:focus {
    background: hsla(198,40%,96%,0.16);
    color: #19344d
}
html[data-sa-ui-theme="light"] .auth-blocked-kicker {
    color: hsl(0 80% 28%)
}
html[data-sa-ui-theme="light"] .auth-blocked-title {
    color: #19344d
}
html[data-sa-ui-theme="light"] .auth-blocked-copy {
    color: hsl(213 27% 28%)
}
html[data-sa-ui-theme="light"] .auth-blocked-detail {
    border: 1px solid hsl(0 58% 38%);
    background: hsla(0,40%,96%,0.18);
    color: hsl(0 80% 28%)
}
html[data-sa-ui-theme="light"] .auth-blocked-detail span {
    color: hsl(0 80% 28%)
}
html[data-sa-ui-theme="light"] .auth-blocked-detail b {
    color: #19344d
}
html[data-sa-ui-theme="light"] .auth-country-trigger {
    border: 1px solid #708297;
    background: rgba(35,75,110,0.060);
    box-shadow: inset 0 1px 0 rgba(20,45,70,0.04);
    color: #19344d
}
html[data-sa-ui-theme="light"] .auth-country-trigger::after {
    border-right: 2px solid hsl(209 58% 38%);
    border-bottom: 2px solid hsl(209 58% 38%)
}
html[data-sa-ui-theme="light"] .auth-country-trigger:hover,html[data-sa-ui-theme="light"] .auth-country-trigger:focus {
    border-color: hsl(198 58% 38%);
    background: rgba(35,75,110,0.060);
    box-shadow: 0 0 0 3px rgba(20,45,70,0.08),inset 0 1px 0 rgba(20,45,70,0.05)
}
html[data-sa-ui-theme="light"] .auth-country-trigger.is-placeholder {
    color: hsl(213 22% 28%)
}
html[data-sa-ui-theme="light"] .auth-country-panel {
    border: 1px solid #708297;
    background: linear-gradient(180deg,hsl(217 28% 97%),hsl(215 28% 97%));
    box-shadow: 0 24px 48px rgba(20,45,70,0.14),inset 0 1px 0 rgba(20,45,70,0.04)
}
html[data-sa-ui-theme="light"] .auth-country-option {
    background: rgba(35,75,110,0.060);
    color: hsl(214 56% 28%)
}
html[data-sa-ui-theme="light"] .auth-country-option:hover,html[data-sa-ui-theme="light"] .auth-country-option:focus,html[data-sa-ui-theme="light"] .auth-country-option.is-active {
    background: hsla(198,40%,96%,0.12);
    border-color: hsl(198 58% 38%)
}
html[data-sa-ui-theme="light"] .auth-country-empty {
    color: hsl(213 22% 28%)
}
html[data-sa-ui-theme="light"] .auth-note {
    color: hsl(217 30% 28%)
}
html[data-sa-ui-theme="light"] .auth-crop-box {
    border: 1px solid #708297;
    background: rgba(35,75,110,0.060);
    box-shadow: inset 0 1px 0 rgba(20,45,70,0.04)
}
html[data-sa-ui-theme="light"] .auth-crop-preview canvas {
    border: 1px solid #708297;
    background: rgba(35,75,110,0.060);
    box-shadow: inset 0 1px 0 rgba(20,45,70,0.04)
}
html[data-sa-ui-theme="light"] .auth-btn {
    color: #19344d;
    border: 1px solid #708297;
    background: rgba(35,75,110,0.060);
    box-shadow: inset 0 1px 0 rgba(20,45,70,0.04)
}
html[data-sa-ui-theme="light"] .auth-btn:hover {
    background: rgba(35,75,110,0.070);
    border-color: #708297;
    box-shadow: 0 10px 24px rgba(20,45,70,0.14),inset 0 1px 0 rgba(20,45,70,0.05)
}
html[data-sa-ui-theme="light"] .auth-btn.primary {
    background: linear-gradient(135deg,hsl(208 28% 92%),hsl(213 28% 92%) 60%,hsl(213 28% 92%) 100%);
    border-color: hsl(213 58% 38%);
    box-shadow: 0 14px 28px rgba(20,45,70,0.14)
}
html[data-sa-ui-theme="light"] .auth-switch {
    color: hsl(217 30% 28%)
}}