/* Approved administration login layout, with the existing internal-site wink layer. */
*{box-sizing:border-box}
html{min-height:100%;background:#06263b}
body{position:relative;margin:0;min-height:100svh;background:#06263b url('/entry-assets/club-background.png') center bottom/cover no-repeat;color:#183b4e;font:16px/1.5 "Segoe UI",Arial,sans-serif}
main.login.neutral-login{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:64px;width:100%;max-width:1320px;min-height:100svh;margin:0 auto;padding:50px 64px 20vh}
.login-welcome{min-width:0;--login-accent-spacing:30px;--login-heading-size:clamp(38px,4.1vw,64px)}
.login-software-brand{display:block;width:100%;max-width:480px;margin:0 0 var(--login-accent-spacing);padding:12px 14px;background:#fff;border-radius:10px}
.login-software-brand>span{display:block;position:relative;width:100%;aspect-ratio:1660/330;overflow:hidden}
.login-software-brand img{display:block;position:absolute;width:106.86747%;max-width:none;height:auto;left:-3.61446%;top:-66.666667%}
.login-accent{display:block;width:94px;height:4px;background:#f36b63;border-radius:4px;margin-bottom:calc(var(--login-accent-spacing) - var(--login-heading-size)*.18)}
.login-welcome h1{margin:0;color:#fff;font-size:var(--login-heading-size);line-height:1.13;letter-spacing:-1.8px;font-weight:750}
h1 em{font-style:normal;color:#14bbcd}h1 em>span{color:#f36b63}
.login-panel{min-width:0;width:100%;background:#faf9f7;border-radius:15px;overflow:hidden;box-shadow:0 18px 70px #00131f4d;border:1px solid #ffffff5c}
.login-panel h2{font-size:20px;line-height:1.3;margin:0;padding:34px 38px 0;font-weight:650}
.login-panel form{display:grid;gap:10px;margin:0;padding:28px 38px 34px}
.login-panel label:not(:first-of-type){margin-top:12px}
.login-password-field{display:block;position:relative}
.login-password-field input{padding-right:56px}
.login-password-field #login-password-toggle{position:absolute;right:8px;top:8px;margin:0;width:38px;min-height:38px;height:38px;padding:7px;background:transparent;color:#008ba0;border:1px solid #008ba0;border-radius:10px;display:grid;place-items:center}
.login-password-field .password-eye-slash{display:none}
.login-password-field #login-password-toggle[aria-pressed=true] .password-eye-slash{display:block}
label{font-size:15px;font-weight:650}
input,button{width:100%;min-width:0;font:inherit;border-radius:10px}
input{min-height:54px;padding:13px 15px;background:#f8f8f7;border:1px solid #cfd9df;color:#183b4e}
input:focus-visible{outline:3px solid #008ba0;outline-offset:3px}
button{margin-top:16px;min-height:56px;padding:13px 15px;background:#008ba0;color:#fff;border:0;font-size:17px;font-weight:650;cursor:pointer}
button:hover{background:#007a8e}button:focus-visible{outline:3px solid #f36b63;outline-offset:3px}
.hint,.foot{font-size:14px;line-height:1.5;color:#526477}
.hint{margin:0}.foot{margin:0;padding:0 38px 30px}
.error{margin:22px 38px 0;background:#fff1ef;color:#872c22;padding:12px;border-radius:8px;font-size:14px}
.entry-link{margin:0;padding:0 38px 28px;font-size:14px;color:#526477}.entry-link a{color:#006e80;font-weight:650}.registration-notice{margin:20px 38px;line-height:1.5}.registration-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}button:disabled{opacity:.55;cursor:default}
.wink-background{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.wink-background svg{position:absolute;visibility:hidden;max-width:none}
.deer-eye{opacity:0;animation:deer-wink 6s ease-in-out -2s infinite}
@keyframes deer-wink{0%,54%,62%,100%{opacity:0}55%,61%{opacity:1}}
@media(prefers-reduced-motion:reduce){.deer-eye{animation:none}}
@media(min-width:761px){main.login.neutral-login{height:100svh;grid-template-rows:minmax(0,1fr) auto minmax(0,3fr);row-gap:0;align-content:stretch;padding-top:clamp(28px,6vh,64px)}.login-welcome,.login-panel{grid-row:2}}
@media(max-width:1000px) and (min-width:761px){main.login.neutral-login{gap:32px;padding-left:36px;padding-right:36px}.login-panel form{padding:24px 26px}.login-panel h2{padding:28px 26px 0}.foot{padding:0 26px 26px}.login-software-brand{padding:10px 12px}}
@media(max-width:760px){body{background-size:auto 100%;background-position:48% bottom}main.login.neutral-login{grid-template-columns:minmax(0,1fr);gap:28px;align-content:center;min-height:100svh;max-width:490px;padding:32px 22px 115px}.login-welcome{--login-accent-spacing:24px;--login-heading-size:clamp(32px,7.8vw,43px)}.login-welcome h1{letter-spacing:-1px}.login-software-brand{padding:9px 11px}.login-accent{width:65px}.login-panel form{padding:22px 24px}.login-panel h2{padding:26px 24px 0}.foot{padding:0 24px 26px}.error{margin:20px 24px 0}}
@media(max-height:650px) and (min-width:761px){main.login.neutral-login{padding-top:24px;padding-bottom:60px}.login-welcome{--login-accent-spacing:20px}.login-panel form{padding-top:18px;padding-bottom:18px}.login-panel h2{padding-top:24px}}
