/* CryptoZone office design — visual overrides, no auth changes */
html,body.kr-login{min-height:100%;background:#06121d!important}
body.kr-login{background:linear-gradient(90deg,rgba(2,10,18,.94),rgba(2,10,18,.55) 55%,rgba(2,10,18,.82)),url('../img/office-background.jpg') center/cover fixed no-repeat!important;color:#fff;font-family:Inter,Arial,sans-serif!important}
body.kr-login:before,body.kr-login:after{display:none!important}
body.kr-login>form{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;width:min(1320px,calc(100% - 80px))!important;max-width:none!important;min-height:calc(100vh - 135px)!important;height:auto!important;margin:70px auto 40px!important;padding:20px 0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
body.kr-login>form>.kr-app-overview{display:none!important}
body.kr-login>form>.kr-login-view{position:relative!important;flex:0 0 440px!important;width:440px!important;min-width:0!important;max-width:100%!important;min-height:0!important;height:auto!important;padding:34px!important;border:1px solid rgba(185,216,231,.22)!important;border-radius:20px!important;background:rgba(5,19,31,.94)!important;box-shadow:0 24px 70px rgba(0,0,0,.5)!important;backdrop-filter:blur(18px)!important;overflow:visible!important}
body.kr-login>form>.kr-login-view>header{position:relative!important;top:auto!important;left:auto!important;width:auto!important;margin:0 0 18px!important;padding:0!important;text-align:left!important;background:transparent!important}
body.kr-login>form>.kr-login-view>header img{max-width:185px!important;max-height:55px!important}
body.kr-login .cz-login-intro{display:block!important;margin:0 0 24px!important;text-align:left!important}
body.kr-login .cz-login-intro h1{font-size:31px!important;line-height:1.2!important;margin:0 0 8px!important;color:white!important}
body.kr-login .cz-login-intro p{font-size:14px!important;color:#aebdca!important;margin:0!important}
body.kr-login .cz-login-benefits{display:none!important}
body.kr-login .kr-login-act,body.kr-login .kr-login-field{position:relative!important;display:block!important;width:100%!important;max-width:100%!important;height:auto!important;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important;border:0!important}
body.kr-login input[name=kr_usr_email],body.kr-login input[name=kr_usr_pwd]{display:block!important;width:100%!important;height:56px!important;margin:0 0 12px!important;padding:0 18px!important;background:#152b3b!important;border:1px solid #304757!important;border-radius:9px!important;color:white!important;font-size:15px!important;box-sizing:border-box!important}
body.kr-login input[name=kr_usr_email]:focus,body.kr-login input[name=kr_usr_pwd]:focus{border-color:#00d69a!important;outline:0!important}
body.kr-login .kr-login-field>footer{display:flex!important;flex-direction:column!important;gap:15px!important;margin-top:15px!important}
body.kr-login .kr-login-field>footer>a{order:0!important;text-align:right!important;color:#c5d5df!important}
body.kr-login .kr-login-field>footer>button{order:1!important;width:100%!important;min-height:55px!important;border:0!important;border-radius:9px!important;background:linear-gradient(90deg,#00dfa3,#00ac80)!important;color:#04231c!important;font-size:16px!important;font-weight:800!important}
body.kr-login .kr-login-oauth a.kr-login-signup-ctrl{display:flex!important;justify-content:center!important;align-items:center!important;min-height:52px!important;border:1px solid #526a7c!important;border-radius:9px!important;background:transparent!important;color:white!important}
body.kr-login .kr-login-separator{margin:20px 0!important}
.cz-office-hero{position:absolute;left:0;top:50%;transform:translateY(-50%);width:calc(100% - 520px);pointer-events:none}
.cz-office-hero .eyebrow{letter-spacing:5px;color:#a8c1cf;font-size:12px}.cz-office-hero h1{font-size:clamp(50px,5.5vw,85px);line-height:1.06;letter-spacing:-3px;color:white;margin:24px 0}.cz-office-hero h1 em{color:#00d69a;font-style:normal}.cz-office-hero p{max-width:460px;font-size:18px;line-height:1.65;color:#c7d6e0}.cz-office-hero .features{margin-top:34px;display:grid;gap:20px;color:#e4eef4;font-size:16px}.cz-office-hero .features span{display:inline-grid;place-items:center;width:45px;height:45px;margin-right:14px;border-radius:10px;border:1px solid #197e6b;background:#06372f;color:#00d69a;font-size:22px}
body.kr-login>footer{z-index:4!important;color:#b8c8d2!important}
@media(max-width:900px){body.kr-login>form{width:calc(100% - 32px)!important;display:block!important;margin:24px auto 95px!important;padding:0!important;min-height:0!important}.cz-office-hero{position:relative;top:auto;left:auto;transform:none;width:100%;padding:20px 10px 35px}.cz-office-hero h1{font-size:49px}.cz-office-hero p{font-size:15px}.cz-office-hero .features{gap:10px;font-size:14px}body.kr-login>form>.kr-login-view{width:100%!important;max-width:480px!important;margin:auto!important;padding:25px!important}body.kr-login{background-attachment:scroll!important}}

/* CryptoZone background sizing correction */
@media (min-width: 901px) {
    body.kr-login {
        background-size: 100% 100% !important;
        background-position: center center !important;
        background-attachment: fixed !important;
    }
}

@media (max-width: 900px) {
    body.kr-login {
        background-size: cover !important;
        background-position: center center !important;
    }
}

/* CryptoZone - brighter trading office background */
body.kr-login {
    background-image:
        linear-gradient(
            90deg,
            rgba(2,10,18,0.55) 0%,
            rgba(2,10,18,0.25) 50%,
            rgba(2,10,18,0.40) 100%
        ),
        url('../img/office-background.jpg') !important;

    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* Keep login panel dark for readability */
body.kr-login > form > .kr-login-view {
    background: rgba(5,19,31,0.94) !important;
}

/* CryptoZone - clear background image */
body.kr-login {
    background-image:
        linear-gradient(
            90deg,
            rgba(2,10,18,0.35) 0%,
            rgba(2,10,18,0.08) 45%,
            rgba(2,10,18,0.15) 75%,
            rgba(2,10,18,0.30) 100%
        ),
        url('../img/office-background.jpg') !important;

    background-size: 100% 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* Keep login panel readable */
body.kr-login > form > .kr-login-view {
    background: rgba(5,19,31,0.94) !important;
}


/* CryptoZone - remove blurred background rectangle */
body.kr-login > form {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: transparent !important;
}

/* Keep only the login card dark */
body.kr-login > form > .kr-login-view {
    background: rgba(5,19,31,0.94) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* CryptoZone logo above the left headline */
.cz-office-hero::before {
    content: "";
    display: block;
    width: 300px;
    height: 100px;
    max-width: 100%;
    margin-bottom: 18px;
    background: url('../img/cryptozone-logo.png') left center / contain no-repeat;
}

@media (max-width: 900px) {
    .cz-office-hero::before {
        width: 220px;
        height: 74px;
    }
}


/* Temporarily hide logo until transparent version is ready */
.cz-office-hero::before {
    display: none !important;
}

/* =====================================
   CRYPTOZONE COOKIE POPUP DESIGN
   ===================================== */

body.kr-login .kr-cookie-approval {
    background: #071827 !important;
    color: #ffffff !important;
    border: 1px solid rgba(0, 210, 160, 0.35) !important;
    border-radius: 14px !important;
    box-shadow: 0 15px 45px rgba(0,0,0,0.45) !important;
    padding: 25px !important;
}

/* Cookie title */
body.kr-login .kr-cookie-approval span {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

/* Cookie description */
body.kr-login .kr-cookie-approval p {
    color: #cbd5e1 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Cookie icon */
body.kr-login .kr-cookie-approval i,
body.kr-login .kr-cookie-approval svg {
    color: #00d4a0 !important;
}

/* Accept button */
body.kr-login .kr-cookie-approval .kr-cookie-accept {
    background: #10cf91 !important;
    color: #06121d !important;
    border-radius: 8px !important;
    border: none !important;
    font-weight: 700 !important;
    padding: 12px 30px !important;
    cursor: pointer !important;
}

body.kr-login .kr-cookie-approval .kr-cookie-accept:hover {
    background: #00e6a8 !important;
}


/* CryptoZone cookie icon - green */
body.kr-login .kr-cookie-approval svg {
    fill: #10cf91 !important;
    color: #10cf91 !important;
}

body.kr-login .kr-cookie-approval svg path,
body.kr-login .kr-cookie-approval svg circle {
    fill: #10cf91 !important;
    stroke: #10cf91 !important;
}

body.kr-login .kr-cookie-approval i {
    color: #10cf91 !important;
}