:root{
 --akc-green:#176a28;--akc-green-dark:#0d4d1c;--akc-deep:#082f13;
 --akc-gold:#ffb21c;--akc-ink:#173c24;--akc-muted:#69756d;--akc-border:#d7e6da;
}
html,body.login{min-height:100%}
body.login{
 background:linear-gradient(135deg,rgba(8,47,19,.98),rgba(23,106,40,.95));
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
 padding:28px 16px 24px;box-sizing:border-box;
}
body.login #login{width:min(430px,100%);padding:0;margin:0 auto}

/* =========================================================
   CUSTOM AKOKACONNECT LOGO — completely replaces WordPress
   ========================================================= */
body.login #login h1{
    margin:0 auto 18px;
    width:250px;
    height:78px;
    position:relative;
}
body.login #login h1 a{
    background:none!important;
    width:250px!important;
    height:78px!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    text-indent:-9999px!important;
    overflow:visible!important;
    position:relative!important;
    outline:none!important;
    box-shadow:none!important;
}
body.login #login h1 a::before{
    content:"AK";
    position:absolute;
    left:0;
    top:5px;
    text-indent:0;
    color:#fff;
    font-size:52px;
    font-weight:900;
    line-height:1;
    letter-spacing:-5px;
}
body.login #login h1 a::after{
    content:"AKOKA\A CONNECT";
    white-space:pre;
    position:absolute;
    left:82px;
    top:8px;
    text-indent:0;
    color:#fff;
    text-align:left;
    font-size:24px;
    font-weight:900;
    line-height:.83;
    letter-spacing:.5px;
}
body.login #login h1::after{
    content:"Discover Akoka";
    position:absolute;
    left:84px;
    top:56px;
    color:rgba(255,255,255,.9);
    font-size:9px;
    font-weight:700;
    letter-spacing:1.6px;
    text-transform:uppercase;
}

.akc-login-intro{
 background:#fff;border-radius:18px 18px 0 0;padding:24px 28px 8px;
 border:1px solid var(--akc-border);border-bottom:0
}
.akc-login-kicker{display:block;color:var(--akc-green);font-size:11px;font-weight:900;letter-spacing:.12em;margin-bottom:7px}
.akc-login-intro h2{color:var(--akc-ink);font-size:25px;line-height:1.2;margin:0 0 8px}
.akc-login-intro p{color:var(--akc-muted);font-size:14px;line-height:1.55;margin:0}
body.login form{
 margin-top:0!important;border:1px solid var(--akc-border);border-top:0;border-radius:0 0 18px 18px;
 box-shadow:0 20px 60px rgba(0,0,0,.22);padding:22px 28px 26px;background:#fff
}
body.login form .input,body.login input[type=text],body.login input[type=email],body.login input[type=password]{
 border:1px solid #c9d9cd;border-radius:9px;min-height:46px;font-size:16px;padding:6px 12px;box-shadow:none;background:#fff
}
body.login label{color:var(--akc-ink);font-weight:700;font-size:13px}
body.login .button-primary{background:var(--akc-green)!important;border-color:var(--akc-green)!important;border-radius:8px!important;min-height:42px;font-weight:800;box-shadow:none!important}
body.login .button-primary:hover{background:var(--akc-green-dark)!important;border-color:var(--akc-green-dark)!important}
body.login .button.wp-hide-pw{color:var(--akc-green)}
body.login #nav,body.login #backtoblog{text-align:center;margin:14px 0 0;padding:0}
body.login #nav a,body.login #backtoblog a{color:#fff!important;opacity:.95;font-weight:700}
body.login #nav a:hover,body.login #backtoblog a:hover{color:var(--akc-gold)!important}
body.login .message,body.login .notice,body.login #login_error{border-radius:8px;margin-bottom:14px}
.akc-login-footer{
 width:min(430px,calc(100% - 32px));margin:20px auto 0!important;text-align:center!important;
 color:rgba(255,255,255,.72)!important;font-size:12px!important
}
.akc-login-footer a{color:#fff!important;text-decoration:none;margin:0 5px}
.akc-login-footer a:hover{color:var(--akc-gold)!important}

@media(max-width:520px){
 body.login{padding-top:24px}
 body.login #login h1{transform:scale(.9);transform-origin:center}
 .akc-login-intro{padding:20px 20px 7px}
 .akc-login-intro h2{font-size:22px}
 body.login form{padding:20px}
}