.sla-wrap{
    width:100%;
    box-sizing:border-box;
    margin:15px auto;
}
.sla-card{
    max-width:420px;
    margin:0 auto;
    background:#fff;
    border:1px solid #e4e8f2;
    border-radius:14px;
    padding:24px;
    box-shadow:0 10px 30px rgba(27,39,74,.08);
    box-sizing:border-box;
}
.sla-head{text-align:center;margin-bottom:16px;}
.sla-head h3{margin:0;font-size:22px;line-height:1.25;color:#17213b;}
.sla-head p{margin:8px 0 0;color:#6d7690;font-size:14px;}
.sla-buttons{display:flex;flex-direction:column;gap:10px;}
.sla-social-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:100%;
    min-height:48px;
    border:1px solid #dce2ee;
    border-radius:10px;
    background:#fff;
    color:#20283a;
    text-decoration:none;
    font-weight:600;
    font-size:15px;
    box-sizing:border-box;
    transition:.18s ease;
}
.sla-social-btn:hover{box-shadow:0 8px 22px rgba(30,42,80,.12);transform:translateY(-1px);text-decoration:none;}
.sla-icon img{display:block;}
.sla-register-note{text-align:center;font-size:13px;color:#6d7690;margin-top:14px;}
.sla-register-note a{color:#17213b;font-weight:700;text-decoration:underline;}
.sla-alert{max-width:520px;margin:10px auto;padding:12px 14px;border-radius:10px;font-size:14px;box-sizing:border-box;}
.sla-alert-error{background:#fff1f1;border:1px solid #ffc9c9;color:#a91e1e;}
.sla-alert-success{background:#eefaf0;border:1px solid #bde9c6;color:#176b2b;}
.sla-alert-notice{background:#fff9e8;border:1px solid #f4dc92;color:#745511;}
.sla-style_2 .sla-card{border-radius:24px;background:#f8fbff;box-shadow:0 14px 40px rgba(104,131,181,.16);}
.sla-style_2 .sla-social-btn{border-radius:18px;}
.sla-style_3 .sla-card{border-radius:0;box-shadow:none;border-left:0;border-right:0;}
.sla-style_3 .sla-social-btn{border-radius:0;}
@media(max-width:600px){.sla-card{padding:18px;}.sla-head h3{font-size:19px;}}
.sla-classic-form{display:flex;flex-direction:column;gap:12px;margin-top:4px;}
.sla-field{text-align:left;}
.sla-field label{display:block;margin-bottom:6px;color:#46516a;font-size:13px;font-weight:600;}
.sla-field input{width:100%;box-sizing:border-box;border:1px solid #dce2ee;border-radius:10px;padding:12px 14px;font-size:15px;background:#fff;color:#20283a;}
.sla-field input:focus{outline:none;border-color:#91b7ff;box-shadow:0 0 0 3px rgba(55,118,255,.10);}
.sla-login-submit{width:100%;border:0;border-radius:10px;background:#111827;color:#fff;min-height:48px;font-weight:700;font-size:15px;cursor:pointer;transition:.18s ease;}
.sla-login-submit:hover{filter:brightness(1.06);box-shadow:0 8px 22px rgba(30,42,80,.14);}
.sla-forgot-note{text-align:center;font-size:13px;margin-top:0;}
.sla-forgot-note a{color:#17213b;text-decoration:underline;font-weight:600;}
.sla-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#8a93a8;font-size:13px;}
.sla-divider:before,.sla-divider:after{content:"";height:1px;background:#e3e8f2;flex:1;}
.sla-style_2 .sla-field input,.sla-style_2 .sla-login-submit{border-radius:18px;}
.sla-style_3 .sla-field input,.sla-style_3 .sla-login-submit{border-radius:0;}