html:has(>body.croku-login-page){background:#f4f9fd}
.croku-login-page{--ink:#0c1b34;--muted:#60738c;--line:#dce8f2;--paper:#f4f9fd;--mint:#3e89cd;min-height:100vh;background:var(--paper);color:var(--ink)}
.croku-login-page .club-header{max-width:1100px;min-height:105px;margin:24px auto 0;padding:16px 30px;border-radius:20px;background:linear-gradient(115deg,#0c1b34 0%,#134a84 67%,#058fe6 100%)}
.croku-login-page .club-brand{display:inline-flex;align-items:center;max-width:100%}
.croku-login-page .club-brand img{display:block;width:195px;max-width:100%;height:auto}
.croku-login-page .club-auth-main{padding-top:46px}
.croku-login-page .club-auth-main h1{max-width:700px;font-size:clamp(2rem,4vw,3rem);color:#0c1b34}
.croku-login-page .club-auth-main>.muted{max-width:520px}
.croku-login-page .card{border-color:#dce8f2;box-shadow:0 16px 45px #0c1b3412}
.croku-login-page .button{background:#3e89cd;border-color:#3e89cd;color:#0c1b34}
.croku-login-page .button:hover{background:#6db5ef;border-color:#6db5ef}
.croku-login-page .secondary{background:#fff;border-color:#cbdced;color:#0c1b34}
.croku-login-page .secondary:hover{background:#e4f3fe}
.croku-login-page input:focus,.croku-login-page button:focus-visible,.croku-login-page a:focus-visible{outline-color:#3e89cd}
.croku-login-page details{max-width:520px;border-top:1px solid #dce8f2;padding-top:18px}
@media(max-width:700px){.croku-login-page .club-header{margin:12px 16px 0;min-height:88px;padding:14px 20px;border-radius:17px}.croku-login-page .club-brand img{width:170px}.croku-login-page .club-auth-main{padding-top:32px}}