/* Phase 9J: extracted from register.php inline style */
/* StreamKub Register UI Hardfix v2: scoped to register.php only. Header/topbar is not changed. */
.sk-donate2-shell > main.container{
    width:min(1460px,96vw)!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:34px 0 46px!important;
    display:flex!important;
    justify-content:center!important;
    align-items:flex-start!important;
}
.sk-auth-page.sk-register-page{
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
    align-items:flex-start!important;
    margin:0!important;
    padding:18px 14px 0!important;
}
.sk-auth-card.sk-register-card{
    width:min(500px,100%)!important;
    margin:0 auto!important;
    padding:24px 26px 22px!important;
    border:1px solid rgba(148,163,184,.22)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.86)!important;
    box-shadow:0 24px 80px rgba(15,23,42,.10),0 4px 18px rgba(15,23,42,.045)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    overflow:hidden!important;
}
html.theme-dark .sk-auth-card.sk-register-card{
    background:rgba(15,23,42,.78)!important;
    border-color:rgba(148,163,184,.18)!important;
    box-shadow:0 24px 80px rgba(0,0,0,.36)!important;
}
.sk-register-card .sk-auth-head{
    text-align:center!important;
    margin:0 0 17px!important;
}
.sk-register-card .sk-auth-badge{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:33px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    border:1px solid rgba(124,92,255,.18)!important;
    background:rgba(124,92,255,.11)!important;
    color:#7c5cff!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:900!important;
}
.sk-register-card .sk-auth-head h1{
    margin:15px 0 8px!important;
    color:var(--sk-text,#111827)!important;
    font-size:42px!important;
    line-height:1.02!important;
    letter-spacing:-.065em!important;
    font-weight:950!important;
}
.sk-register-card .sk-auth-head p{
    margin:0!important;
    color:var(--sk-muted,#667085)!important;
    font-size:14px!important;
    line-height:1.55!important;
    font-weight:750!important;
}
.sk-register-card .sk-auth-form,
.sk-register-card .sk-register-form{
    display:block!important;
    margin:0!important;
}
.sk-register-card .sk-auth-form label:not(.sk-auth-check){
    display:block!important;
    margin:12px 0 7px!important;
    color:var(--sk-text,#111827)!important;
    font-size:13px!important;
    font-weight:900!important;
    line-height:1.2!important;
}
.sk-register-card .sk-auth-input{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    width:100%!important;
}
.sk-register-card .sk-auth-input > i{
    position:absolute!important;
    left:15px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:2!important;
    width:16px!important;
    text-align:center!important;
    color:rgba(100,116,139,.64)!important;
    font-size:15px!important;
    line-height:1!important;
}
.sk-register-card .sk-auth-input input{
    display:block!important;
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0 46px 0 42px!important;
    border:1px solid rgba(148,163,184,.27)!important;
    border-radius:15px!important;
    outline:0!important;
    background:rgba(255,255,255,.76)!important;
    box-shadow:0 8px 20px rgba(15,23,42,.025)!important;
    color:var(--sk-text,#111827)!important;
    font-size:13px!important;
    font-weight:750!important;
    transition:border-color .18s ease, box-shadow .18s ease, background .18s ease!important;
}
.sk-register-card .sk-auth-input input::placeholder{
    color:rgba(100,116,139,.76)!important;
    font-weight:650!important;
}
.sk-register-card .sk-auth-input input:focus{
    border-color:rgba(124,92,255,.48)!important;
    box-shadow:0 0 0 4px rgba(124,92,255,.11)!important;
    background:rgba(255,255,255,.96)!important;
}
.sk-register-card .sk-auth-password-toggle{
    position:absolute!important;
    right:8px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:4!important;
    width:32px!important;
    height:32px!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    border-radius:999px!important;
    background:transparent!important;
    color:var(--sk-muted,#667085)!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-shadow:none!important;
    cursor:pointer!important;
}
.sk-register-card .sk-auth-password-toggle:hover{
    background:rgba(124,92,255,.10)!important;
}
.sk-register-card .sk-input-status{
    position:absolute!important;
    right:13px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:3!important;
    width:22px!important;
    height:22px!important;
    border-radius:999px!important;
    display:none!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:15px!important;
}
.sk-register-card .sk-validate-input.is-ok input{
    border-color:rgba(34,197,94,.58)!important;
    box-shadow:0 0 0 4px rgba(34,197,94,.10)!important;
}
.sk-register-card .sk-validate-input.is-bad input{
    border-color:rgba(239,68,68,.48)!important;
    box-shadow:0 0 0 4px rgba(239,68,68,.09)!important;
}
.sk-register-card .sk-validate-input.is-waiting input{
    border-color:rgba(124,92,255,.48)!important;
    box-shadow:0 0 0 4px rgba(124,92,255,.10)!important;
}
.sk-register-card .sk-validate-input.is-ok .sk-input-status,
.sk-register-card .sk-validate-input.is-bad .sk-input-status{
    display:flex!important;
}
.sk-register-card .sk-validate-input.is-ok .sk-input-status{color:#16a34a!important;}
.sk-register-card .sk-validate-input.is-bad .sk-input-status{color:#ef4444!important;}
.sk-register-card .sk-validate-input.is-bad .sk-input-status i:before{content:"\f057"!important;}
.sk-register-card .sk-field-hint{
    margin:7px 0 11px!important;
    color:var(--sk-muted,#667085)!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.45!important;
}
.sk-register-card .sk-field-hint.is-ok{color:#16a34a!important;}
.sk-register-card .sk-field-hint.is-bad{color:#ef4444!important;}
.sk-register-card .sk-field-hint.is-waiting{color:#7c5cff!important;}
.sk-register-card .sk-rule-box{
    margin:4px 0 13px!important;
    padding:13px 14px!important;
    border-radius:15px!important;
    border:1px solid rgba(239,68,68,.20)!important;
    background:linear-gradient(135deg,rgba(239,68,68,.06),rgba(255,255,255,.58))!important;
    color:var(--sk-text,#111827)!important;
    font-size:12.5px!important;
    font-weight:750!important;
    line-height:1.68!important;
}
.sk-register-card .sk-rule-box strong{
    display:block!important;
    margin:0 0 5px!important;
    color:#ef4444!important;
    font-size:13px!important;
    font-weight:900!important;
}
.sk-register-card .sk-rule-box div,
.sk-register-card .sk-rule-list div{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
}
.sk-register-card .sk-rule-box i,
.sk-register-card .sk-rule-list i{
    width:16px!important;
    text-align:center!important;
    line-height:1!important;
}
.sk-register-card .sk-rule-box .is-ok,
.sk-register-card .sk-rule-list .is-ok{color:#16a34a!important;}
.sk-register-card .sk-rule-box .is-bad,
.sk-register-card .sk-rule-list .is-bad{color:#ef4444!important;}
.sk-register-card .sk-password-meter{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:4px!important;
    margin:7px 0 7px!important;
}
.sk-register-card .sk-password-meter span{
    display:block!important;
    height:5px!important;
    border-radius:999px!important;
    background:rgba(148,163,184,.25)!important;
}
.sk-register-card .sk-password-meter.is-weak span:nth-child(1){background:#ef4444!important;}
.sk-register-card .sk-password-meter.is-medium span:nth-child(1),
.sk-register-card .sk-password-meter.is-medium span:nth-child(2){background:#f59e0b!important;}
.sk-register-card .sk-password-meter.is-strong span{background:#16a34a!important;}
.sk-register-card .sk-strength-label{
    margin:0 0 6px!important;
    color:var(--sk-muted,#667085)!important;
    font-size:12.5px!important;
    font-weight:900!important;
}
.sk-register-card .sk-strength-label.is-weak{color:#ef4444!important;}
.sk-register-card .sk-strength-label.is-medium{color:#f59e0b!important;}
.sk-register-card .sk-strength-label.is-strong{color:#16a34a!important;}
.sk-register-card .sk-rule-list{
    display:grid!important;
    gap:4px!important;
    margin:6px 0 13px!important;
    color:var(--sk-muted,#667085)!important;
    font-size:12.5px!important;
    font-weight:750!important;
}
.sk-register-card .sk-auth-check{
    display:flex!important;
    align-items:flex-start!important;
    gap:10px!important;
    margin:10px 0 14px!important;
    color:var(--sk-muted,#667085)!important;
    font-size:13px!important;
    font-weight:850!important;
    line-height:1.45!important;
}
.sk-register-card .sk-auth-check input{
    width:16px!important;
    height:16px!important;
    min-height:16px!important;
    margin:2px 0 0!important;
    accent-color:#7c5cff!important;
}
.sk-register-card .notice{
    margin:10px 0 12px!important;
    border-radius:13px!important;
    font-size:13px!important;
}
.sk-register-card .notice:empty{display:none!important;}
.sk-register-card .sk-auth-submit{
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    margin:4px 0 0!important;
    padding:0 18px!important;
    border:0!important;
    border-radius:13px!important;
    background:linear-gradient(135deg,#7055ff,#8b5cf6)!important;
    box-shadow:0 14px 30px rgba(109,93,252,.28)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:950!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    cursor:pointer!important;
    transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease!important;
}
.sk-register-card .sk-auth-submit:hover{
    transform:translateY(-1px)!important;
    box-shadow:0 18px 34px rgba(109,93,252,.33)!important;
}
.sk-register-card .sk-auth-submit:disabled{
    opacity:.56!important;
    filter:saturate(.75)!important;
    box-shadow:none!important;
    cursor:not-allowed!important;
    transform:none!important;
}
.sk-register-card .sk-auth-divider{
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    margin:18px 0 12px!important;
    color:var(--sk-muted,#667085)!important;
    font-size:13px!important;
    font-weight:850!important;
    white-space:nowrap!important;
}
.sk-register-card .sk-auth-divider:before,
.sk-register-card .sk-auth-divider:after{
    content:""!important;
    height:1px!important;
    flex:1!important;
    background:rgba(148,163,184,.26)!important;
}
.sk-register-card .sk-social-login{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin:0!important;
}
.sk-register-card .sk-social-btn{
    height:42px!important;
    border-radius:12px!important;
    border:1px solid rgba(148,163,184,.30)!important;
    background:rgba(255,255,255,.70)!important;
    display:grid!important;
    grid-template-columns:34px 1fr 24px!important;
    align-items:center!important;
    gap:8px!important;
    padding:0 12px 0 13px!important;
    color:var(--sk-text,#111827)!important;
    text-decoration:none!important;
    font-size:13px!important;
    font-weight:900!important;
    box-shadow:0 8px 24px rgba(15,23,42,.035)!important;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.sk-register-card .sk-social-btn:hover{
    border-color:rgba(124,92,255,.38)!important;
    background:rgba(255,255,255,.92)!important;
    transform:translateY(-1px)!important;
    box-shadow:0 14px 34px rgba(15,23,42,.08)!important;
}
.sk-register-card .sk-social-icon{
    width:28px!important;
    height:28px!important;
    border-radius:9px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:start!important;
    background:rgba(124,92,255,.08)!important;
}
.sk-register-card .sk-social-icon i{
    display:inline-block!important;
    line-height:1!important;
    font-size:17px!important;
}
.sk-register-card .sk-social-arrow{
    justify-self:end!important;
    color:var(--sk-muted,#667085)!important;
    font-size:13px!important;
}
.sk-register-card .provider-twitch .sk-social-icon{background:rgba(145,70,255,.10)!important}.sk-register-card .provider-twitch .sk-social-icon i{color:#9146ff!important}
.sk-register-card .provider-youtube .sk-social-icon{background:rgba(255,0,0,.10)!important}.sk-register-card .provider-youtube .sk-social-icon i{color:#ff0000!important}
.sk-register-card .provider-tiktok .sk-social-icon{background:rgba(17,24,39,.08)!important}.sk-register-card .provider-tiktok .sk-social-icon i{color:#111827!important}
.sk-register-card .provider-discord .sk-social-icon{background:rgba(88,101,242,.10)!important}.sk-register-card .provider-discord .sk-social-icon i{color:#5865f2!important}
.sk-register-card .provider-facebook .sk-social-icon{background:rgba(24,119,242,.10)!important}.sk-register-card .provider-facebook .sk-social-icon i{color:#1877f2!important}
.sk-register-card .sk-auth-register{
    margin:16px 0 0!important;
    text-align:center!important;
    color:var(--sk-muted,#667085)!important;
    font-size:13px!important;
    font-weight:850!important;
}
.sk-register-card .sk-auth-register a{
    color:#7c5cff!important;
    font-weight:950!important;
    text-decoration:none!important;
}
.sk-register-card .sk-auth-register a:hover{text-decoration:underline!important;}
html.theme-dark .sk-register-card .sk-auth-input input,
html.theme-dark .sk-register-card .sk-social-btn{background:rgba(15,23,42,.46)!important;border-color:rgba(148,163,184,.18)!important;}
html.theme-dark .sk-register-card .sk-social-btn:hover{background:rgba(15,23,42,.70)!important;}
html.theme-dark .sk-register-card .sk-rule-box{background:rgba(239,68,68,.10)!important;border-color:rgba(248,113,113,.22)!important;}
html.theme-dark .sk-register-card .provider-tiktok .sk-social-icon i{color:#f8fafc!important;}
@media(max-width:760px){
    .sk-donate2-shell > main.container{width:100%!important;padding:18px 12px 28px!important;}
    .sk-auth-page.sk-register-page{padding:10px 0 0!important;}
    .sk-auth-card.sk-register-card{padding:22px 18px 20px!important;border-radius:22px!important;}
    .sk-register-card .sk-auth-head h1{font-size:34px!important;}
    .sk-register-card .sk-auth-divider{font-size:12px!important;}
    .sk-register-card .sk-social-btn{height:44px!important;}
    .sk-register-card .sk-auth-input input{height:45px!important;}
    .sk-register-card .sk-rule-box{font-size:12px!important;}
}

/* StreamKub Register Minimal Feedback v3: initial form stays clean; validation appears only after user interaction. */
.sk-register-card .sk-feedback{display:none!important;}
.sk-register-card .sk-feedback.is-visible{display:block!important;}
.sk-register-card .sk-rule-list.sk-feedback.is-visible{display:grid!important;}
.sk-register-card .sk-password-meter.sk-feedback.is-visible{display:grid!important;}
.sk-register-card .sk-field-hint.is-visible{margin:7px 0 10px!important;}
.sk-register-card .sk-rule-box.is-visible{margin:8px 0 13px!important;}
.sk-register-card .sk-register-form{margin-top:2px!important;}
.sk-register-card .sk-auth-input{margin-bottom:0!important;}
.sk-register-card .sk-auth-form label:not(.sk-auth-check){margin-top:13px!important;}
.sk-register-card .sk-auth-submit{margin-top:10px!important;}
.sk-register-card .sk-auth-check{margin-top:16px!important;}
.sk-register-card .sk-rule-box strong{font-size:12.8px!important;}
.sk-register-card .sk-trust-note{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;margin:10px 0 0!important;color:var(--sk-muted,#667085)!important;font-size:12px!important;font-weight:850!important;}
.sk-register-card .sk-trust-note i{color:#16a34a!important;}

/* StreamKub Register Realtime Field Feedback v4 */
.sk-register-card .sk-field-hint.is-visible{display:block!important;}
.sk-register-card .sk-field-hint.is-ok{color:#16a34a!important;}
.sk-register-card .sk-field-hint.is-bad{color:#ef4444!important;}
.sk-register-card .sk-field-hint.is-waiting{color:#7c5cff!important;}
.sk-register-card .sk-auth-check.is-bad{color:#ef4444!important;}
.sk-register-card .sk-auth-check.is-bad input{outline:3px solid rgba(239,68,68,.12)!important;}
.sk-register-card .sk-rule-box.is-visible{animation:skFeedbackIn .16s ease-out both;}
.sk-register-card .sk-field-hint.is-visible{animation:skFeedbackIn .16s ease-out both;}
@keyframes skFeedbackIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}


/* Register realtime feedback visibility v5 */
.sk-register-card .sk-feedback.is-visible{display:block!important;opacity:1!important;visibility:visible!important;}
.sk-register-card .sk-rule-list.sk-feedback.is-visible,
.sk-register-card .sk-password-meter.sk-feedback.is-visible{display:grid!important;opacity:1!important;visibility:visible!important;}
.sk-register-card .sk-rule-box.sk-feedback.is-visible{display:block!important;}
.sk-register-card .sk-field-hint.is-bad{color:#ef4444!important;}
.sk-register-card .sk-field-hint.is-ok{color:#22c55e!important;}
.sk-register-card .sk-field-hint.is-waiting{color:#8b5cf6!important;}

.sk-turnstile-wrap{width:100%;min-height:65px;display:flex;align-items:center;justify-content:center;margin:14px 0 14px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}.sk-turnstile-wrap .cf-turnstile{max-width:100%}html.theme-dark .sk-turnstile-wrap{background:transparent!important;border-color:transparent!important}@media(max-width:480px){.sk-turnstile-wrap{justify-content:flex-start;overflow:hidden!important}}

/* Phase 9J hotfix v2: match login v5 input structure; icon, input text, and status/eye icon live inside one input frame. */
.sk-register-card .sk-auth-input.sk-register-field{
    position:relative!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 42px!important;
    align-items:center!important;
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(148,163,184,.27)!important;
    border-radius:15px!important;
    outline:0!important;
    background:rgba(255,255,255,.76)!important;
    box-shadow:0 8px 20px rgba(15,23,42,.025)!important;
    transition:border-color .18s ease, box-shadow .18s ease, background .18s ease!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
}
.sk-register-card .sk-auth-input.sk-register-field.sk-register-password-field{
    grid-template-columns:42px minmax(0,1fr) 42px!important;
}
html.theme-dark .sk-register-card .sk-auth-input.sk-register-field{
    background:rgba(15,23,42,.54)!important;
    border-color:rgba(148,163,184,.18)!important;
}
.sk-register-card .sk-auth-input.sk-register-field:focus-within{
    border-color:rgba(124,92,255,.48)!important;
    box-shadow:0 0 0 4px rgba(124,92,255,.11)!important;
    background:rgba(255,255,255,.96)!important;
}
html.theme-dark .sk-register-card .sk-auth-input.sk-register-field:focus-within{
    background:rgba(15,23,42,.68)!important;
}
.sk-register-card .sk-auth-input.sk-register-field .sk-register-field-icon{
    position:static!important;
    width:42px!important;
    height:100%!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:rgba(100,116,139,.72)!important;
    line-height:1!important;
    z-index:2!important;
    pointer-events:none!important;
}
.sk-register-card .sk-auth-input.sk-register-field .sk-register-field-icon i{
    position:static!important;
    transform:none!important;
    width:16px!important;
    display:inline-block!important;
    text-align:center!important;
    font-size:15px!important;
    line-height:1!important;
    color:inherit!important;
}
.sk-register-card .sk-auth-input.sk-register-field > i{
    display:none!important;
}
.sk-register-card .sk-auth-input.sk-register-field input{
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0 12px 0 0!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--sk-text,#111827)!important;
    font-family:inherit!important;
    font-size:13px!important;
    font-weight:750!important;
    box-sizing:border-box!important;
}
.sk-register-card .sk-auth-input.sk-register-field input:focus{
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
    outline:0!important;
}
.sk-register-card .sk-auth-input.sk-register-field .sk-auth-password-toggle,
.sk-register-card .sk-auth-input.sk-register-field .sk-input-status{
    position:static!important;
    transform:none!important;
    grid-column:auto!important;
    width:42px!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--sk-muted,#667085)!important;
    z-index:2!important;
}
.sk-register-card .sk-auth-input.sk-register-field .sk-auth-password-toggle:hover{
    transform:none!important;
    background:rgba(124,92,255,.10)!important;
}
.sk-register-card .sk-validate-input.is-ok{
    border-color:rgba(34,197,94,.58)!important;
    box-shadow:0 0 0 4px rgba(34,197,94,.10)!important;
}
.sk-register-card .sk-validate-input.is-bad{
    border-color:rgba(239,68,68,.48)!important;
    box-shadow:0 0 0 4px rgba(239,68,68,.09)!important;
}
.sk-register-card .sk-validate-input.is-waiting{
    border-color:rgba(124,92,255,.48)!important;
    box-shadow:0 0 0 4px rgba(124,92,255,.10)!important;
}