*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body.simkip-login-page{
    min-height:100vh;
    background:#f5f7fa;
    color:#1d2939;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
.simkip-login-shell{
    min-height:100vh;
    display:grid;
    place-items:center;
    align-content:center;
    gap:22px;
    padding:24px
}
.simkip-login-card{
    width:min(100%,410px);
    padding:28px;
    border:1px solid #e4e7ec;
    border-radius:16px;
    background:#fff;
    box-shadow:0 12px 36px rgba(16,24,40,.07)
}
.simkip-login-brand{
    display:flex;
    align-items:center;
    gap:12px;
    padding-bottom:20px;
    border-bottom:1px solid #eef1f4
}
.simkip-login-mark{
    width:42px;height:42px;
    display:grid;place-items:center;
    border-radius:11px;
    background:#0b63ce;color:#fff;
    font-size:21px;font-weight:800
}
.simkip-login-name{font-size:17px;font-weight:800;letter-spacing:.01em}
.simkip-login-name span{color:#0b63ce}
.simkip-login-fullname{margin-top:2px;color:#667085;font-size:10.5px;line-height:1.35}
.simkip-login-heading{padding:22px 0 18px}
.simkip-login-heading h1{margin:0 0 5px;font-size:22px;line-height:1.2}
.simkip-login-heading p{margin:0;color:#667085;font-size:12px;line-height:1.55}
.simkip-login-form{display:grid;gap:15px}
.simkip-login-field{display:grid;gap:6px}
.simkip-login-field label{font-size:11.5px;font-weight:700;color:#344054}
.simkip-login-field small{font-size:10.5px;color:#667085}
.simkip-login-input{
    width:100%;height:42px;
    border:1px solid #d0d5dd;border-radius:9px;
    background:#fff;color:#101828;
    padding:0 12px;outline:none;font-size:12.5px
}
.simkip-login-input:focus{
    border-color:#0b63ce;
    box-shadow:0 0 0 3px rgba(11,99,206,.10)
}
.simkip-login-password{position:relative}
.simkip-login-password .simkip-login-input{padding-right:44px}
.simkip-login-eye{
    position:absolute;right:5px;top:50%;transform:translateY(-50%);
    width:34px;height:34px;border:0;background:transparent;
    display:grid;place-items:center;color:#667085;cursor:pointer
}
.simkip-login-eye svg{
    width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;
    stroke-linecap:round;stroke-linejoin:round
}
.simkip-login-captcha{
    display:grid;grid-template-columns:105px minmax(0,1fr);gap:8px
}
.simkip-login-question{
    height:42px;display:grid;place-items:center;
    border:1px solid #e4e7ec;border-radius:9px;
    background:#f8fafc;color:#344054;font-size:14px;font-weight:800
}
.simkip-login-remember{
    display:flex;align-items:center;gap:8px;
    color:#475467;font-size:11.5px;cursor:pointer
}
.simkip-login-submit{
    width:100%;height:43px;border:0;border-radius:9px;
    background:#0b63ce;color:#fff;font-size:12.5px;font-weight:750;
    cursor:pointer
}
.simkip-login-submit:hover{background:#0958b8}
.simkip-login-help{
    margin-top:20px;padding-top:16px;border-top:1px solid #eef1f4;
    display:grid;gap:3px
}
.simkip-login-help strong{font-size:10.5px;color:#344054}
.simkip-login-help span{font-size:10.5px;line-height:1.5;color:#667085}
.simkip-login-alert{
    margin-bottom:16px;padding:10px 12px;border-radius:8px;
    font-size:11px;line-height:1.5
}
.simkip-login-alert--danger{background:#fff1f0;color:#b42318;border:1px solid #fecdca}
.simkip-login-alert--success{background:#ecfdf3;color:#027a48;border:1px solid #abefc6}
.simkip-login-footer{color:#98a2b3;font-size:10.5px;text-align:center}
@media(max-width:480px){
    .simkip-login-shell{padding:16px}
    .simkip-login-card{padding:22px;border-radius:14px}
    .simkip-login-captcha{grid-template-columns:92px minmax(0,1fr)}
}