.trainer-login{--r3d-frame:#3d62ad;--r3d-frame-ring:#213a6e;--r3d-green:#7fa8f0;--r3d-green-hover:#99baf5;--r3d-green-deep:#4a74c9;--r3d-selected-line:#7fa8f0;--r3d-on-accent:#0c1830;--trainer-canvas:var(--r3d-bg);--trainer-paper:var(--r3d-paper);--trainer-raised:var(--r3d-white);--trainer-frame:var(--r3d-frame);--trainer-ring:var(--r3d-rule);--trainer-line:var(--r3d-line);--trainer-ink:var(--r3d-ink);--trainer-blue:var(--r3d-green);--trainer-field:var(--r3d-white);--trainer-muted:var(--r3d-muted);--trainer-selected:var(--r3d-green);--trainer-selected-hover:var(--r3d-green-hover);--trainer-selection:var(--r3d-green-deep);--trainer-selected-ink:var(--r3d-on-accent);--trainer-focus:var(--r3d-focus);font-family:var(--font-body);padding:96px 24px 32px;position:relative}.trainer-login-menu{gap:14px;width:min(824px,100%);margin-inline:auto;padding:14px;display:grid}.trainer-frame{isolation:isolate;padding:4px;position:relative}.trainer-frame:before,.trainer-frame:after{content:"";pointer-events:none;z-index:-1;clip-path:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,100% 4px,100% calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) 100%,8px 100%,8px calc(100% - 4px),0 calc(100% - 4px),0 8px,8px 8px);position:absolute}.trainer-frame:before{background:var(--trainer-frame);box-shadow:inset 0 0 0 2px var(--r3d-frame-ring);inset:0}.trainer-frame:after{background:var(--trainer-paper);box-shadow:inset 0 0 0 4px var(--trainer-ring);inset:4px}.trainer-frame-inner{min-width:0;position:relative}.trainer-banner{--menu-title-size:clamp(2rem, 4vw, 3.2rem);--menu-title-icon:1.6em}.trainer-menu-cap{image-rendering:pixelated}.trainer-signin .trainer-frame-inner{padding:26px 40px}.trainer-pager{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.trainer-pager-title{font:400 clamp(2rem, 4vw, 3rem)/1.15 var(--font-display,"Pixeloid Sans", monospace);white-space:nowrap;grid-area:1/2;margin:0}.trainer-pager-arrow{min-height:48px;color:var(--trainer-muted);font:400 .95rem/1 var(--font-display,"Pixeloid Sans", monospace);grid-row:1;align-items:center;gap:10px;padding:6px;text-decoration:none;display:inline-flex}.trainer-pager-arrow.is-prev{grid-column:1;justify-self:start}.trainer-pager-arrow.is-next{flex-direction:row-reverse;grid-column:3;justify-self:end}.trainer-pager-arrow .r3d-tab-arrow{--menu-arrow-w:32px;--menu-arrow-h:42px;animation:1s steps(2,end) infinite trainer-bob-prev}.trainer-pager-arrow.is-next .r3d-tab-arrow{animation-name:trainer-bob-next}@keyframes trainer-bob-prev{50%{translate:-4px}}@keyframes trainer-bob-next{50%{translate:4px}}.trainer-pager-tabs{justify-content:center;gap:8px;margin:6px 0 18px;display:flex}.trainer-pager-tabs a{min-height:32px;color:var(--trainer-muted);font:400 .75rem/1 var(--font-display,"Pixeloid Sans", monospace);align-items:center;gap:8px;padding:4px 8px;text-decoration:none;display:inline-flex}.trainer-pager-tabs i{background:var(--trainer-line);width:12px;height:12px}.trainer-pager-tabs [aria-current=page]{color:var(--trainer-blue)}.trainer-pager-tabs [aria-current=page] i{background:var(--trainer-blue);width:26px}.trainer-form{gap:16px;display:grid}.trainer-form label{color:var(--trainer-blue);gap:8px;font-size:1.125rem;font-weight:700;line-height:1.4;display:grid}.trainer-form input{border:2px solid var(--trainer-line);background:var(--trainer-field);width:100%;min-width:0;min-height:58px;color:var(--trainer-ink);font:400 1.125rem/1.4 var(--font-body);caret-color:var(--trainer-blue);border-radius:0;padding:12px 16px}.trainer-form input:focus{border-color:var(--trainer-frame);background:var(--r3d-selected)}.trainer-form input::placeholder{color:var(--trainer-muted);opacity:1}.trainer-login :is(input,button,a):focus-visible{outline:3px solid var(--trainer-focus);outline-offset:3px}.trainer-enter,.trainer-return-link{min-height:54px;font:400 1.8rem/1.2 var(--font-display,"Pixeloid Sans", monospace);text-align:center;border-radius:0;justify-content:center;align-items:center;padding:10px 16px;text-decoration:none;transition:background-color .14s,color .14s,transform .14s cubic-bezier(.23,1,.32,1);display:flex}.trainer-enter{isolation:isolate;width:100%;min-height:62px;color:var(--trainer-selected-ink);box-shadow:none;cursor:pointer;background:0 0;border:0;margin-top:2px;font-size:1.7rem;position:relative}.trainer-enter:before,.trainer-enter:after{content:"";pointer-events:none;z-index:-1;clip-path:polygon(8px 0,calc(100% - 8px) 0,calc(100% - 8px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 4px) calc(100% - 8px),calc(100% - 4px) calc(100% - 4px),calc(100% - 8px) calc(100% - 4px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 8px),0 calc(100% - 8px),0 8px,4px 8px,4px 4px,8px 4px);position:absolute}.trainer-enter:before{background:var(--trainer-frame);inset:0}.trainer-enter:after{background:var(--trainer-selected);box-shadow:inset 0 -4px 0 var(--trainer-selection), inset 0 0 0 2px var(--trainer-ring);transition:background-color .14s;inset:3px}.trainer-enter:disabled{opacity:.6;cursor:wait}.trainer-google,.trainer-google-preview{border:2px solid var(--trainer-line);background:var(--trainer-raised);width:100%;min-height:54px;color:var(--trainer-ink);border-radius:0;justify-content:center;align-items:center;margin-top:14px;display:flex}.trainer-google-preview{font:600 1.125rem/1.4 var(--font-body);cursor:not-allowed;gap:14px;padding:10px 14px}.trainer-google-preview svg{flex:0 0 28px;width:28px;height:28px}.trainer-google>div{max-width:100%}.trainer-demo-notice{color:var(--trainer-muted);margin:12px 0 0;font-size:.8rem;line-height:1.5}.trainer-field-hint{color:var(--trainer-muted);font-size:.8rem;font-weight:400;line-height:1.5}.trainer-error{border:2px solid var(--r3d-danger);background:var(--r3d-danger-bg);color:var(--r3d-danger-ink);margin:0;padding:10px 12px;font-size:.95rem;line-height:1.5}.trainer-return-link{min-height:56px;color:var(--trainer-ink);font-size:1.75rem}.trainer-login :is(.trainer-enter,.trainer-return-link):active:not(:focus-visible){transform:translateY(1px)scale(.99)}@media (hover:hover) and (pointer:fine){.trainer-enter:not(:disabled):hover:after{background:var(--trainer-selected-hover)}.trainer-pager-arrow:hover,.trainer-pager-tabs a:hover{color:var(--trainer-ink)}.trainer-pager-arrow:hover .arrow-fill{fill:var(--trainer-focus)}.trainer-return-link:hover{background:var(--trainer-ring);text-underline-offset:4px;text-decoration:underline}}@media (width<=600px){.trainer-login{padding:82px 12px 24px}.trainer-login-menu{gap:12px;padding:10px}.trainer-banner{--menu-title-size:clamp(1.5rem, 6.5vw, 2rem);padding:9px 12px}.trainer-signin .trainer-frame-inner{padding:20px 16px}.trainer-pager{gap:6px}.trainer-pager-title{font-size:clamp(1.4rem,6.5vw,2rem)}.trainer-pager-label{display:none}.trainer-pager-arrow .r3d-tab-arrow{--menu-arrow-w:22px;--menu-arrow-h:28px}.trainer-pager-tabs{margin-bottom:14px}.trainer-form label{font-size:1rem}.trainer-form input{min-height:50px;padding:10px 12px;font-size:1rem}.trainer-enter{min-height:54px;font-size:1.4rem}.trainer-google-preview{gap:10px;font-size:1rem}.trainer-return-link{font-size:1.4rem}}@media (width<=360px){.trainer-login{padding-inline:8px}.trainer-signin .trainer-frame-inner{padding-inline:12px}}@media (prefers-reduced-motion:reduce){.trainer-login :is(button,a){transition:none}.trainer-enter:after,.trainer-pager-arrow .r3d-tab-arrow{transition:none;animation:none}.trainer-login :is(.trainer-enter,.trainer-return-link):active{transform:none}}.trainer-form .legal-consent{color:var(--trainer-ink);align-items:flex-start;gap:12px;font-size:.95rem;font-weight:400;display:flex}.trainer-form .legal-consent input{width:22px;height:22px;min-height:22px;accent-color:var(--trainer-blue);flex:none;margin:2px 0 0;padding:0}.trainer-login .legal-consent a,.trainer-login .legal-note a{color:inherit;text-underline-offset:3px}.trainer-login .legal-note{color:var(--trainer-muted)}
