/* TMC Experience: password gate in house style. JSResults. */
@font-face{font-family:Gordita;src:url(/wp-content/uploads/fonts/Gordita-Regular.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:Gordita;src:url(/wp-content/uploads/fonts/Gordita-Medium.woff) format("woff");font-weight:500;font-display:swap}
@font-face{font-family:Gordita;src:url(/wp-content/uploads/fonts/Gordita-Bold.woff) format("woff");font-weight:700;font-display:swap}

html,body.login{background:#1f1946!important;min-height:100%}
body.login{font-family:Gordita,"Helvetica Neue",Arial,sans-serif;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:48px 16px;box-sizing:border-box;position:relative;overflow-x:hidden}
body.login::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
	background:
	radial-gradient(60vmax 60vmax at 85% 10%,rgba(130,136,198,.28),transparent 60%),
	radial-gradient(50vmax 50vmax at 5% 100%,rgba(255,139,0,.12),transparent 60%),
	radial-gradient(circle at center,rgba(201,203,234,.16) 1.2px,transparent 1.6px) 0 0/22px 22px;
	-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 60%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 60%,transparent 100%)}
#password-protected-background{display:none}

#login{position:relative;z-index:1;width:100%;max-width:440px;padding:0;margin:0}

/* logo */
#login h1,#login h1.wp-login-logo{margin:0 0 40px;text-align:left}
#login h1 a{background:url(logo-white.png) no-repeat left center/contain!important;width:220px!important;height:54px!important;margin:0!important;text-indent:-9999px;overflow:hidden;display:block;outline-offset:6px}

/* intro copy */
.tmc-gate-kicker{font-size:.78rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#ff8b00;margin:0 0 14px;display:flex;align-items:center;gap:10px}
.tmc-gate-kicker::before{content:"";width:28px;height:2px;background:#ff8b00}
.tmc-gate-title{font-weight:700;font-size:clamp(1.9rem,6vw,2.5rem);line-height:1.08;letter-spacing:-.025em;margin:0 0 16px;color:#fff;text-wrap:balance}
.tmc-gate-lead{font-size:1rem;line-height:1.6;color:#c9cbea;margin:0 0 32px}

/* card with bracket motif */
#loginform{position:relative;background:#fff;color:#24203f;border:0;border-radius:4px;box-shadow:0 30px 70px -30px rgba(0,0,0,.6);padding:32px 30px 28px;margin:0!important;overflow:visible}
#loginform::before,#loginform::after{content:"";position:absolute;width:34px;height:34px;pointer-events:none}
#loginform::before{top:-12px;left:-12px;border-top:3px solid #ff8b00;border-left:3px solid #ff8b00}
#loginform::after{bottom:-12px;right:-12px;border-bottom:3px solid #8288c6;border-right:3px solid #8288c6}
#loginform>p:empty{display:none}
#loginform label{font-family:inherit;font-size:.82rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#5a5f9e}
.login .user-pass-wrap{margin-bottom:6px}
.login #loginform .input{font-family:inherit;font-size:1.05rem;border:1.5px solid #c9cbea;border-radius:3px;background:#f1f2f9;color:#24203f;padding:12px 48px 12px 14px;min-height:50px;margin:8px 0 18px;box-shadow:none;transition:border-color .2s ease,background-color .2s ease}
.login #loginform .input:focus{border-color:#342a71;background:#fff;box-shadow:0 0 0 3px rgba(130,136,198,.35);outline:none}
.login .button.wp-hide-pw{color:#5a5f9e;height:50px;min-height:50px;top:8px}
.login .button.wp-hide-pw:focus{box-shadow:0 0 0 2px #342a71;border-color:transparent}
.login .forgetmenot{margin:4px 0 0}
.login #loginform .forgetmenot label{text-transform:none;letter-spacing:0;font-size:.9rem;color:#24203f;font-weight:400}
.login input[type=checkbox]{border-color:#8288c6}
.login input[type=checkbox]:checked::before{filter:hue-rotate(0)}
.login input[type=checkbox]:focus{box-shadow:0 0 0 2px #342a71;border-color:#342a71}
.login .submit{float:none!important;clear:both;padding-top:22px!important}
.login #loginform .button-primary{float:none;width:100%;font-family:inherit;font-weight:700;font-size:1rem;letter-spacing:.01em;background:#ff8b00;border:0;color:#1f1946;border-radius:3px;min-height:52px;padding:0 24px;text-shadow:none;box-shadow:none;transition:background-color .2s ease,transform .2s ease;cursor:pointer}
.login #loginform .button-primary:hover{background:#ff9d26;transform:translateY(-1px)}
.login #loginform .button-primary:focus{box-shadow:0 0 0 3px #fff,0 0 0 6px #ff8b00;outline:none}

/* errors */
.login #login_error,.login .message{background:rgba(255,255,255,.08);color:#fff;border-left:3px solid #ff8b00;box-shadow:none;border-radius:3px;margin:0 0 22px!important;padding:12px 16px}
.login #login_error a{color:#ffb35c}

/* footnote */
.tmc-gate-note{position:relative;z-index:1;max-width:440px;width:100%;margin:40px 0 0;font-size:.8rem;line-height:1.55;color:#8288c6}
.password-protected-text-below,.password-protected-text-above{color:#c9cbea}

/* entrance */
@media (prefers-reduced-motion:no-preference){
	#login>*,.tmc-gate-note{animation:tmcGateIn .9s cubic-bezier(.19,1,.22,1) both}
	#login>*:nth-child(2){animation-delay:.08s}
	#login>*:nth-child(3){animation-delay:.16s}
	#login>*:nth-child(4){animation-delay:.24s}
	#login>*:nth-child(5){animation-delay:.32s}
	.tmc-gate-note{animation-delay:.45s}
	#loginform::before{animation:tmcGateTL 1s cubic-bezier(.19,1,.22,1) .5s both}
	#loginform::after{animation:tmcGateBR 1s cubic-bezier(.19,1,.22,1) .5s both}
}
@keyframes tmcGateIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes tmcGateTL{from{opacity:0;transform:translate(-14px,-14px)}to{opacity:1;transform:none}}
@keyframes tmcGateBR{from{opacity:0;transform:translate(14px,14px)}to{opacity:1;transform:none}}

@media (max-width:480px){#loginform{padding:26px 20px 22px}#loginform::before{top:-9px;left:-9px;width:26px;height:26px}#loginform::after{bottom:-9px;right:-9px;width:26px;height:26px}#login h1 a{width:180px!important;height:44px!important}}