body.sv-auth-page {
    background:rgb(242,242,242);
}
body.sv-auth-page #main.container.page {
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
}
.sv-auth-page .auth-wrapper {
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    max-width:none;
    min-height:calc(100svh - 80px);
    margin:0;
    padding:60px 20px;
    background-color:rgb(242,242,242);
    background-image:
        linear-gradient(90deg,rgba(237,242,247,.35),rgba(237,242,247,.78) 45%,rgba(237,242,247,.78) 55%,rgba(237,242,247,.35)),
        url('../images/auth-trading-background.svg');
    background-repeat:no-repeat;
    background-position:center,center bottom;
    background-size:cover,cover;
}
.sv-auth-page .auth-card {
    box-sizing:border-box;
    position:relative;
    width:100%;
    max-width:460px;
    margin:0;
    padding:40px 46px;
    border:1px solid rgba(255,255,255,.9);
    border-radius:16px;
    background:#fff;
    box-shadow:0 18px 55px rgba(59,59,59,0.065);
    color:rgb(40,40,40);
}
.sv-auth-page .svauth-brand {
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 0 26px;
    text-decoration:none;
}
.sv-auth-page .svauth-brand img {
    display:block;
    max-width:145px;
    height:auto;
    max-height:48px;
    object-fit:contain;
}
.sv-auth-page .auth-card h1 {
    font-size:34px;
    font-weight:600;
    line-height:1.25;
    
    text-align:center;
    margin:0 0 10px;
}
.sv-auth-page .auth-card > .muted {
    font-size:16px;
    line-height:1.8;
    color:rgb(141,141,141);
    text-align:center;
    margin:0 0 30px;
}
.sv-auth-page .auth-card .field {
    display:flex;
    flex-direction:column;
    gap:8px;
    margin:0;
    font-size:16px;
    line-height:1.6;
    font-weight:500;
    color:rgb(71,71,71);
}
.sv-auth-page .auth-card .field input {
    box-sizing:border-box;
    display:block;
    width:100%;
    min-width:0;
    height:49px;
    margin:0;
    padding:0 14px;
    border:1px solid transparent;
    border-radius:9px;
    background:rgb(247,247,247);
    color:rgb(40,40,40);
    font:inherit;
    font-size:17px;
    box-shadow:none;
}
.sv-auth-page .auth-card .field input::placeholder {
    color:rgb(167,167,167);
}
.sv-auth-page .auth-card .field input:focus {
    border-color:rgb(17,17,17);
    outline:2px solid rgb(237,237,237);
    outline-offset:1px;
    background:#fff;
}
.sv-auth-page .auth-card .field-help {
    color:rgb(148,148,148);
    font-size:14px;
    font-weight:400;
}
.sv-auth-page .auth-card .checkbox-field {
    display:flex;
    align-items:center;
    gap:8px;
    margin:18px 0 0;
    color:rgb(127,127,127);
    font-size:16px;
}
.sv-auth-page .auth-card .checkbox-field input {
    width:16px;
    height:16px;
    margin:0;
    accent-color:#1980ff;
}
.sv-auth-page .auth-card .auth-submit {
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:48px;
    margin:24px 0 0;
    padding:12px 18px;
    border:1px solid rgb(17,17,17);
    border-radius:9px;
    background:rgb(17,17,17);
    color:#fff;
    font:inherit;
    font-size:18px;
    font-weight:600;
    cursor:pointer;
}
.sv-auth-page .auth-card .auth-submit:hover {
    background:rgb(17,17,17);
}
.sv-auth-page .auth-card .auth-submit:focus-visible {
    outline:2px solid rgb(17,17,17);
    outline-offset:3px;
}
.sv-auth-page .auth-card .auth-footer {
    margin:25px 0 0;
    color:rgb(141,141,141);
    font-size:16px;
    line-height:1.8;
    text-align:center;
}
.sv-auth-page .auth-card .auth-footer a {
    color:rgb(17,17,17);
    font-weight:600;
    text-decoration:none;
}
.sv-auth-page .auth-card .notice {
    padding:12px 14px;
    margin:0 0 20px;
    border:1px solid #f5d6de;
    border-radius:9px;
    background:#fff3f5;
    color:#b82849;
    font-size:16px;
}
.sv-auth-page .auth-card .notice p {
    margin:4px 0;
    line-height:1.7;
}
.sv-auth-page .svf-footer {
    margin-top:0;
}
@media(max-width:699px) {
    .sv-auth-page .auth-wrapper {
        padding:32px 16px;
        background-size:cover,auto 70%;
    }
    .sv-auth-page .auth-card {
        padding:30px 24px;
        border-radius:14px;
    }
    .sv-auth-page .auth-card h1 {
        font-size:30px;
    }
    .sv-auth-page .svauth-brand {
        margin-bottom:22px;
    }
}
@media(prefers-reduced-motion:reduce) {
    .sv-auth-page .auth-card * {
        scroll-behavior:auto;
    }
}