/* 2.9.38 - Final redesign: registration page + public profile section without box-in-box layout. */

/* =========================================================
   PUBLIC PROFILE / "TENTANG PORTAL PERSURATAN"
   Goal: editorial, open, no nested-card feeling.
   ========================================================= */
.sps-company-front #sps-profil-sistem.sps-company-profile,
.sps-company-front .sps-company-profile.sps-company-section-5{
    position:relative!important;
    display:block!important;
    width:100%!important;
    margin:clamp(28px,4vw,48px) 0!important;
    padding:clamp(32px,5vw,64px) clamp(18px,3vw,34px)!important;
    border:0!important;
    border-top:1px solid rgba(15,122,85,.18)!important;
    border-bottom:1px solid rgba(15,122,85,.18)!important;
    border-radius:0!important;
    background:
        linear-gradient(90deg,rgba(15,122,85,.08) 0 1px,transparent 1px) 0 0/32px 32px,
        linear-gradient(0deg,rgba(15,122,85,.05) 0 1px,transparent 1px) 0 0/32px 32px,
        linear-gradient(135deg,#ffffff 0%,#f8fffc 58%,#eef9f4 100%)!important;
    box-shadow:none!important;
    overflow:hidden!important;
}
.sps-company-front #sps-profil-sistem.sps-company-profile:before,
.sps-company-front .sps-company-profile.sps-company-section-5:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:clamp(32px,5vw,64px)!important;
    width:5px!important;
    height:clamp(112px,18vw,240px)!important;
    border-radius:999px!important;
    background:linear-gradient(180deg,#0f7a55,#0d2238)!important;
    opacity:1!important;
    pointer-events:none!important;
}
.sps-company-front #sps-profil-sistem.sps-company-profile:after,
.sps-company-front .sps-company-profile.sps-company-section-5:after{
    content:""!important;
    position:absolute!important;
    right:-180px!important;
    bottom:-220px!important;
    width:420px!important;
    height:420px!important;
    border:1px solid rgba(15,122,85,.12)!important;
    border-radius:50%!important;
    transform:none!important;
    pointer-events:none!important;
}
.sps-company-front #sps-profil-sistem .sps-company-profile-shell,
.sps-company-front .sps-company-profile .sps-company-profile-shell{
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr)!important;
    gap:clamp(30px,5vw,70px)!important;
    align-items:start!important;
    width:100%!important;
    max-width:1120px!important;
    margin:0 auto!important;
    min-width:0!important;
}
.sps-company-front #sps-profil-sistem .sps-company-profile-copy,
.sps-company-front .sps-company-profile .sps-company-profile-copy{
    position:relative!important;
    display:block!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#0b1724!important;
    overflow:visible!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
}
.sps-company-front #sps-profil-sistem .sps-company-profile-copy:before,
.sps-company-front #sps-profil-sistem .sps-company-profile-copy:after,
.sps-company-front .sps-company-profile .sps-company-profile-copy:before,
.sps-company-front .sps-company-profile .sps-company-profile-copy:after{
    content:none!important;
    display:none!important;
}
.sps-company-front #sps-profil-sistem .sps-company-profile-copy .sps-company-kicker,
.sps-company-front .sps-company-profile .sps-company-profile-copy .sps-company-kicker{
    display:inline-flex!important;
    width:max-content!important;
    max-width:100%!important;
    margin:0 0 14px!important;
    border:1px solid rgba(15,122,85,.18)!important;
    background:#e9f9f1!important;
    color:#0f6046!important;
    box-shadow:none!important;
}
.sps-company-front #sps-profil-sistem .sps-company-profile-copy h2,
.sps-company-front .sps-company-profile .sps-company-profile-copy h2{
    max-width:520px!important;
    margin:0 0 18px!important;
    color:#0b1724!important;
    font-size:clamp(36px,4.4vw,62px)!important;
    line-height:.98!important;
    letter-spacing:-.06em!important;
    font-weight:900!important;
    text-align:left!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
}
.sps-company-front #sps-profil-sistem .sps-company-profile-copy p,
.sps-company-front .sps-company-profile .sps-company-profile-copy p{
    max-width:600px!important;
    margin:0!important;
    color:#475569!important;
    font-size:15.5px!important;
    line-height:1.85!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
}
.sps-company-front #sps-profil-sistem .sps-company-profile-points,
.sps-company-front .sps-company-profile .sps-company-profile-points{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin:24px 0 0!important;
    padding:22px 0 0!important;
    border-top:1px solid rgba(15,23,42,.12)!important;
    list-style:none!important;
}
.sps-company-front #sps-profil-sistem .sps-company-profile-points li,
.sps-company-front .sps-company-profile .sps-company-profile-points li{
    position:relative!important;
    display:grid!important;
    grid-template-columns:18px minmax(0,1fr)!important;
    align-items:start!important;
    gap:12px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#132336!important;
    font-size:14px!important;
    font-weight:750!important;
    line-height:1.6!important;
    box-shadow:none!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
}
.sps-company-front #sps-profil-sistem .sps-company-profile-points li:before,
.sps-company-front .sps-company-profile .sps-company-profile-points li:before{
    content:""!important;
    position:static!important;
    display:block!important;
    width:10px!important;
    height:10px!important;
    margin-top:.55em!important;
    border-radius:999px!important;
    background:#0f7a55!important;
    box-shadow:0 0 0 5px rgba(15,122,85,.12)!important;
    transform:none!important;
}
.sps-company-front #sps-profil-sistem .sps-company-info-grid,
.sps-company-front .sps-company-profile .sps-company-info-grid{
    position:relative!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:0!important;
    align-content:start!important;
    align-self:start!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:10px 0 0!important;
    overflow:visible!important;
    border-top:3px solid #0f7a55!important;
    background:transparent!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
}
.sps-company-front #sps-profil-sistem .sps-company-info,
.sps-company-front .sps-company-profile .sps-company-info{
    position:relative!important;
    display:grid!important;
    grid-template-rows:auto auto minmax(0,1fr)!important;
    align-content:start!important;
    justify-content:start!important;
    gap:14px!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:24px 26px 12px!important;
    overflow:visible!important;
    border:0!important;
    border-left:1px solid rgba(15,23,42,.12)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
}
.sps-company-front #sps-profil-sistem .sps-company-info:first-child,
.sps-company-front .sps-company-profile .sps-company-info:first-child{
    border-left:0!important;
}
.sps-company-front #sps-profil-sistem .sps-company-info:before,
.sps-company-front .sps-company-profile .sps-company-info:before{
    content:none!important;
    display:none!important;
}
.sps-company-front #sps-profil-sistem .sps-company-info span,
.sps-company-front .sps-company-profile .sps-company-info span{
    position:relative!important;
    z-index:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    padding:0!important;
    border:1px solid rgba(15,122,85,.25)!important;
    border-radius:999px!important;
    background:#f2fbf7!important;
    color:#0f7a55!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:.05em!important;
    white-space:nowrap!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
}
.sps-company-front #sps-profil-sistem .sps-company-info strong,
.sps-company-front .sps-company-profile .sps-company-info strong{
    display:block!important;
    width:100%!important;
    margin:0!important;
    color:#0b1724!important;
    font-size:clamp(22px,2vw,29px)!important;
    line-height:1.05!important;
    font-weight:900!important;
    letter-spacing:-.045em!important;
    white-space:normal!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
}
.sps-company-front #sps-profil-sistem .sps-company-info p,
.sps-company-front .sps-company-profile .sps-company-info p{
    display:block!important;
    width:100%!important;
    margin:0!important;
    color:#526177!important;
    font-size:14.2px!important;
    line-height:1.75!important;
    white-space:normal!important;
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
}
.sps-company-front #sps-profil-sistem .sps-company-info:nth-child(1),
.sps-company-front #sps-profil-sistem .sps-company-info:nth-child(2),
.sps-company-front #sps-profil-sistem .sps-company-info:nth-child(3){
    border-top:0!important;
}

@media(max-width:980px){
    .sps-company-front #sps-profil-sistem .sps-company-profile-shell,
    .sps-company-front .sps-company-profile .sps-company-profile-shell{
        grid-template-columns:1fr!important;
        gap:28px!important;
    }
    .sps-company-front #sps-profil-sistem .sps-company-info-grid,
    .sps-company-front .sps-company-profile .sps-company-info-grid{
        grid-template-columns:1fr!important;
        border-top:2px solid #0f7a55!important;
    }
    .sps-company-front #sps-profil-sistem .sps-company-info,
    .sps-company-front .sps-company-profile .sps-company-info{
        grid-template-columns:46px minmax(0,1fr)!important;
        grid-template-rows:auto auto!important;
        gap:6px 14px!important;
        padding:20px 0!important;
        border-left:0!important;
        border-bottom:1px solid rgba(15,23,42,.12)!important;
    }
    .sps-company-front #sps-profil-sistem .sps-company-info:last-child,
    .sps-company-front .sps-company-profile .sps-company-info:last-child{border-bottom:0!important}
    .sps-company-front #sps-profil-sistem .sps-company-info span,
    .sps-company-front .sps-company-profile .sps-company-info span{grid-row:1 / span 2!important}
}
@media(max-width:760px){
    .sps-company-front #sps-profil-sistem.sps-company-profile,
    .sps-company-front .sps-company-profile.sps-company-section-5{
        margin:28px 0!important;
        padding:28px 18px!important;
    }
    .sps-company-front #sps-profil-sistem.sps-company-profile:before,
    .sps-company-front .sps-company-profile.sps-company-section-5:before{
        left:0!important;
        top:28px!important;
        height:94px!important;
    }
    .sps-company-front #sps-profil-sistem .sps-company-profile-copy h2,
    .sps-company-front .sps-company-profile .sps-company-profile-copy h2{
        font-size:clamp(31px,10vw,44px)!important;
    }
    .sps-company-front #sps-profil-sistem .sps-company-info strong,
    .sps-company-front .sps-company-profile .sps-company-info strong{
        font-size:23px!important;
    }
}

/* =========================================================
   REGISTER PAGE TOTAL REDESIGN
   Goal: balanced, not oversized, no overlapping logo/link.
   ========================================================= */
.sps-portal-register .sps-auth-wrap{
    min-height:100svh!important;
    align-items:center!important;
    justify-content:center!important;
    padding:clamp(20px,4vw,54px)!important;
    overflow:auto!important;
    background:
        radial-gradient(circle at 14% 22%,rgba(15,122,85,.20),transparent 30%),
        radial-gradient(circle at 90% 8%,rgba(14,165,233,.18),transparent 28%),
        linear-gradient(135deg,#052e25 0 38%,#f6fbfa 38% 100%)!important;
}
.sps-portal-register .sps-register-card-1{
    width:min(1120px,100%)!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr)!important;
    gap:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.42)!important;
    border-radius:34px!important;
    background:#fff!important;
    box-shadow:0 36px 100px rgba(2,44,34,.22)!important;
}
.sps-portal-register .sps-register-section-1{
    position:relative!important;
    grid-row:1 / span 3!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    gap:12px!important;
    min-height:620px!important;
    padding:38px!important;
    border:0!important;
    background:
        linear-gradient(150deg,rgba(255,255,255,.06) 0 1px,transparent 1px) 0 0/24px 24px,
        radial-gradient(circle at 100% 84%,rgba(255,255,255,.17),transparent 0 126px,transparent 128px),
        linear-gradient(155deg,#053126 0%,#074b38 55%,#0d8a64 100%)!important;
    color:#fff!important;
}
.sps-portal-register .sps-register-section-1:before{
    content:""!important;
    position:absolute!important;
    left:38px!important;
    top:38px!important;
    width:76px!important;
    height:76px!important;
    border-radius:22px!important;
    border:1px solid rgba(255,255,255,.30)!important;
    background:rgba(255,255,255,.12) url("https://yayasan.tunasharapanummat.or.id/wp-content/uploads/2026/05/cropped-INTERNASIONAL-LOGO2-1.png") center/54px auto no-repeat!important;
    box-shadow:0 18px 50px rgba(0,0,0,.20)!important;
    pointer-events:none!important;
}
.sps-portal-register .sps-register-section-1:after{
    content:"PORTAL PERSURATAN RESMI"!important;
    position:absolute!important;
    left:132px!important;
    top:54px!important;
    max-width:180px!important;
    color:rgba(255,255,255,.78)!important;
    font-size:11px!important;
    line-height:1.35!important;
    font-weight:850!important;
    letter-spacing:.16em!important;
}
.sps-portal-register .sps-register-home-link{
    position:absolute!important;
    left:38px!important;
    top:132px!important;
    z-index:2!important;
    display:inline-flex!important;
    width:max-content!important;
    max-width:calc(100% - 76px)!important;
    min-height:40px!important;
    margin:0!important;
    padding:9px 13px!important;
    border:1px solid rgba(255,255,255,.25)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
}
.sps-portal-register .sps-register-home-link:hover{background:rgba(255,255,255,.16)!important;transform:none!important}
.sps-portal-register .sps-register-kicker-1{
    margin-top:auto!important;
    color:#f4d47e!important;
}
.sps-portal-register .sps-register-title-1{
    max-width:380px!important;
    margin:6px 0 0!important;
    color:#fff!important;
    font-size:clamp(38px,4.1vw,56px)!important;
    line-height:1.02!important;
    letter-spacing:-.055em!important;
    font-weight:900!important;
}
.sps-portal-register .sps-register-description-1{
    max-width:380px!important;
    margin:0!important;
    color:rgba(255,255,255,.86)!important;
    font-size:14.5px!important;
    line-height:1.72!important;
}
.sps-portal-register .sps-register-section-2{
    position:relative!important;
    grid-column:2!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    padding:32px 36px 12px!important;
    border:0!important;
    background:#fff!important;
}
.sps-portal-register .sps-register-section-2:before{
    content:""!important;
    position:absolute!important;
    left:54px!important;
    right:54px!important;
    top:55px!important;
    height:1px!important;
    background:linear-gradient(90deg,#0f7a55,rgba(15,122,85,.16))!important;
}
.sps-portal-register .sps-register-step{
    position:relative!important;
    z-index:1!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.sps-portal-register .sps-register-step strong{
    display:grid!important;
    place-items:center!important;
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    border-radius:999px!important;
    background:#064632!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:850!important;
    box-shadow:0 0 0 8px #fff!important;
}
.sps-portal-register .sps-register-step span{
    color:#20364a!important;
    font-size:13px!important;
    font-weight:750!important;
    line-height:1.25!important;
}
.sps-portal-register .sps-register-form-1{
    grid-column:2!important;
    padding:22px 36px 22px!important;
    background:#fff!important;
}
.sps-portal-register .sps-register-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px 16px!important;
}
.sps-portal-register .sps-register-field,
.sps-portal-register .sps-human-check label{
    display:grid!important;
    gap:8px!important;
    color:#0b1724!important;
    font-size:12.5px!important;
    font-weight:800!important;
}
.sps-portal-register .sps-register-field input,
.sps-portal-register .sps-register-field select,
.sps-portal-register .sps-human-check input[type=number]{
    width:100%!important;
    min-height:46px!important;
    padding:10px 13px!important;
    border:1px solid rgba(148,163,184,.55)!important;
    border-radius:14px!important;
    background:#fbfdfc!important;
    color:#0b1724!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
    transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.sps-portal-register .sps-register-field input:focus,
.sps-portal-register .sps-register-field select:focus,
.sps-portal-register .sps-human-check input[type=number]:focus{
    border-color:#0f7a55!important;
    box-shadow:0 0 0 4px rgba(15,122,85,.12)!important;
    outline:0!important;
    background:#fff!important;
}
.sps-portal-register .sps-register-field.is-error input,
.sps-portal-register .sps-register-field.is-error select,
.sps-portal-register .sps-human-check.is-error input[type=number]{
    border-color:#f1998f!important;
    background:#fff7f5!important;
}
.sps-portal-register .sps-register-form-1 .sps-error-message{display:none!important}
.sps-portal-register .sps-required-mark{
    display:inline-flex!important;
    width:max-content!important;
    margin:0!important;
    padding:2px 7px!important;
    border:1px solid #fda29b!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#a11912!important;
    font-size:10px!important;
    font-weight:850!important;
    line-height:1.2!important;
    transform:none!important;
}
.sps-portal-register .sps-human-check{
    margin-top:20px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
}
.sps-portal-register .sps-human-check label{
    grid-template-columns:minmax(0,1fr) minmax(160px,.46fr)!important;
    align-items:end!important;
    gap:14px!important;
    padding:16px 0 0!important;
    border-top:1px solid rgba(15,23,42,.10)!important;
}
.sps-portal-register .sps-register-submit-button{
    width:100%!important;
    min-height:48px!important;
    margin-top:20px!important;
    border:0!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#064632,#0f7a55)!important;
    color:#fff!important;
    font-weight:850!important;
    box-shadow:0 18px 35px rgba(7,66,48,.22)!important;
}
.sps-portal-register .sps-register-submit-button:hover{filter:brightness(1.03)!important;transform:translateY(-1px)!important}
.sps-portal-register .sps-register-switch{
    grid-column:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:0!important;
    padding:0 36px 32px!important;
    border:0!important;
    background:#fff!important;
    color:#475569!important;
    font-size:13px!important;
}
.sps-portal-register .sps-register-login-link{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:40px!important;
    padding:9px 15px!important;
    border:1px solid rgba(15,122,85,.22)!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#064632!important;
    font-weight:800!important;
}
.sps-portal-register .sps-register-login-link:hover{background:#e9f9f1!important;box-shadow:none!important}

/* Register warning: sharp compact popup, not heavy blurred screen. */
.sps-register-error-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:2147482500!important;
    background:rgba(2,44,34,.16)!important;
    backdrop-filter:none!important;
}
.sps-register-error-modal{
    position:fixed!important;
    top:24px!important;
    right:24px!important;
    left:auto!important;
    transform:none!important;
    z-index:2147482600!important;
    width:min(390px,calc(100vw - 32px))!important;
    max-height:calc(100vh - 48px)!important;
    overflow:auto!important;
    margin:0!important;
    padding:18px 18px 16px!important;
    border:1px solid #fecaca!important;
    border-left:6px solid #b42318!important;
    border-top:1px solid #fecaca!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 22px 70px rgba(15,23,42,.22)!important;
    color:#7f1d1d!important;
}
.sps-register-error-modal:focus{outline:0!important;box-shadow:0 0 0 4px rgba(180,35,24,.11),0 22px 70px rgba(15,23,42,.22)!important}
.sps-register-error-modal .sps-register-error-kicker{
    display:inline-flex!important;
    margin:0 0 8px!important;
    padding:4px 8px!important;
    border-radius:999px!important;
    background:#fff1f0!important;
    color:#a11912!important;
    font-size:10px!important;
    font-weight:850!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
}
.sps-register-error-modal strong{
    display:block!important;
    margin:0 36px 6px 0!important;
    color:#7f1d1d!important;
    font-size:17px!important;
    line-height:1.2!important;
}
.sps-register-error-modal p{
    margin:0 0 12px!important;
    color:#9f342a!important;
    font-size:12.8px!important;
    line-height:1.5!important;
}
.sps-register-error-modal ul{
    display:grid!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
}
.sps-register-error-modal li{margin:0!important;padding:0!important}
.sps-register-error-modal a{
    display:flex!important;
    gap:8px!important;
    align-items:flex-start!important;
    padding:8px 9px!important;
    border:1px solid #fee2e2!important;
    border-radius:12px!important;
    background:#fffafa!important;
    color:#9f1d16!important;
    font-size:12.8px!important;
    font-weight:750!important;
    line-height:1.35!important;
    text-decoration:none!important;
}
.sps-register-error-modal a:before{
    content:"!"!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 18px!important;
    width:18px!important;
    height:18px!important;
    border-radius:999px!important;
    background:#fee2e2!important;
    color:#991b1b!important;
    font-size:11px!important;
    font-weight:900!important;
}
.sps-register-error-close{
    position:absolute!important;
    top:12px!important;
    right:12px!important;
    display:grid!important;
    place-items:center!important;
    width:32px!important;
    height:32px!important;
    min-height:32px!important;
    padding:0!important;
    border:1px solid #fecaca!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#991b1b!important;
    font-size:20px!important;
    line-height:1!important;
    box-shadow:none!important;
}
body.sps-register-alert-open{overflow:auto!important}

@media(max-width:900px){
    .sps-portal-register .sps-register-card-1{
        grid-template-columns:1fr!important;
        width:min(700px,100%)!important;
        border-radius:26px!important;
    }
    .sps-portal-register .sps-register-section-1{
        grid-row:auto!important;
        min-height:300px!important;
        padding:130px 26px 28px!important;
    }
    .sps-portal-register .sps-register-section-1:before{left:26px!important;top:26px!important;width:64px!important;height:64px!important;background-size:44px auto!important}
    .sps-portal-register .sps-register-section-1:after{left:104px!important;top:42px!important}
    .sps-portal-register .sps-register-home-link{left:26px!important;top:98px!important}
    .sps-portal-register .sps-register-section-2,
    .sps-portal-register .sps-register-form-1,
    .sps-portal-register .sps-register-switch{grid-column:auto!important}
}
@media(max-width:640px){
    .sps-portal-register .sps-auth-wrap{padding:12px!important;align-items:flex-start!important}
    .sps-portal-register .sps-register-card-1{border-radius:22px!important}
    .sps-portal-register .sps-register-section-1{min-height:260px!important;padding:118px 20px 24px!important}
    .sps-portal-register .sps-register-title-1{font-size:34px!important;max-width:100%!important}
    .sps-portal-register .sps-register-description-1{max-width:100%!important}
    .sps-portal-register .sps-register-section-2{
        display:flex!important;
        gap:16px!important;
        overflow-x:auto!important;
        padding:22px 20px 8px!important;
        scroll-snap-type:x proximity!important;
    }
    .sps-portal-register .sps-register-section-2:before{left:36px!important;right:36px!important;top:45px!important}
    .sps-portal-register .sps-register-step{min-width:150px!important;scroll-snap-align:start!important}
    .sps-portal-register .sps-register-form-1{padding:18px 20px 20px!important}
    .sps-portal-register .sps-register-grid{grid-template-columns:1fr!important}
    .sps-portal-register .sps-human-check label{grid-template-columns:1fr!important;align-items:start!important}
    .sps-portal-register .sps-register-switch{padding:0 20px 24px!important;align-items:stretch!important;flex-direction:column!important}
    .sps-portal-register .sps-register-login-link{width:100%!important}
    .sps-register-error-backdrop{background:rgba(2,44,34,.22)!important}
    .sps-register-error-modal{
        top:50%!important;
        right:auto!important;
        left:50%!important;
        transform:translate(-50%,-50%)!important;
        width:calc(100vw - 26px)!important;
        max-height:80vh!important;
        border-radius:18px!important;
    }
}