:root{
    --mk-bg-1:#0ea5e9;   /* sky-500 */
    --mk-bg-2:#6366f1;   /* indigo-500 */
    --mk-card:#ffffff;
    --mk-text:#111827;   /* gray-900 */
    --mk-sub:#6b7280;    /* gray-500 */
    --mk-border:#e5e7eb; /* gray-200 */
    --mk-primary:#019875;
    --mk-primary-hover:#04664f;
    --mk-focus:#60a5fa;
    --mk-radius:16px;
    --mk-shadow:0 12px 30px rgba(0,0,0,.12);
}

.mk-login-wrap{
    min-height:100dvh;
    display:flex;align-items:center;justify-content:center;
    padding:0 16px 40px;
    /*background:linear-gradient(135deg,var(--mk-bg-1),var(--mk-bg-2));*/
}
.mk-login-card{
    width:100%;max-width:440px;
    background:var(--mk-card);
    color:var(--mk-text);
    border-radius:var(--mk-radius);
    box-shadow:var(--mk-shadow);
    padding:28px;
}

.mk-login-brand{
    text-align:center;margin-bottom:18px;
}
.mk-site-title{
    font-size:20px;font-weight:700;letter-spacing:.2px;
}

#mk-subscriber-login{
    margin:0;
}
#mk-subscriber-login p{
    margin:0 0 14px;
}
#mk-subscriber-login label{
    display:block;font-weight:600;margin:0 0 6px;
}
#mk-subscriber-login input[type="text"],
#mk-subscriber-login input[type="password"]{
    width:100%;box-sizing:border-box;
    padding:12px 14px;border:1px solid var(--mk-border);
    border-radius:10px;background:#fff;color:var(--mk-text);
    outline:0;transition:border .2s, box-shadow .2s;
}
#mk-subscriber-login input[type="text"]:focus,
#mk-subscriber-login input[type="password"]:focus{
    border-color:var(--mk-focus);
    box-shadow:0 0 0 3px rgba(96,165,250,.35);
}

#mk-subscriber-login .login-remember{
    display:flex;align-items:center;gap:8px;margin:6px 0 12px;
    color:var(--mk-sub);font-size:14px;
}
#mk-subscriber-login .login-remember label{
    margin:0;font-weight:500;
}

#mk-subscriber-login .login-submit{
    margin-top:6px;
}
#mk-subscriber-login .login-submit #wp-submit{
    width:100%;
    background:var(--mk-primary);color:#fff;border:0;
    padding:12px 16px;border-radius:10px;
    font-weight:600;cursor:pointer;
    transition:transform .04s ease, background .2s ease;
}
#mk-subscriber-login .login-submit #wp-submit:hover{
    background:var(--mk-primary-hover);
}
#mk-subscriber-login .login-submit #wp-submit:active{
    transform:translateY(1px);
}

/* links & extras */
.mk-login-links{
    text-align:center;margin-top:10px;color:var(--mk-sub);
}
.mk-link{
    color:var(--mk-primary);text-decoration:none;
}
.mk-link:hover{ text-decoration:underline; }

/* Generic button (when logged in) */
.mk-btn{
    display:inline-block;background:var(--mk-primary);color:#fff;
    padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:600;
}
.mk-btn:hover{ background:var(--mk-primary-hover); }

/* Dark mode support */
@media (prefers-color-scheme: dark){
    :root{
        --mk-card:#0b1020;
        --mk-text:#f3f4f6;
        --mk-sub:#9ca3af;
        --mk-border:#1f2437;
        --mk-shadow:0 12px 30px rgba(0,0,0,.5);
    }
    .mk-login-wrap{
        background:linear-gradient(135deg,#0b1a2d,#121a3a);
    }
    #mk-subscriber-login input[type="text"],
    #mk-subscriber-login input[type="password"]{
        background:#0f162c;border-color:var(--mk-border);color:var(--mk-text);
    }
}
.wrapper {
    padding-top: 50px !important;
}