.reaper-login{--reaper-ink:#f0efed;--reaper-muted:#939296;isolation:isolate;min-height:100svh;color:var(--reaper-ink);background:#070708;flex-direction:column;display:flex;position:relative;overflow:clip}.reaper-login:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 34% 48%,#1b1b2090,#0000 51%),linear-gradient(135deg,#ffffff02,#0000 60%);position:absolute;inset:0}.reaper-login-header{justify-content:space-between;align-items:center;gap:20px;padding:34px 5vw;display:flex}.reaper-wordmark{letter-spacing:.24em;align-items:center;gap:13px;font-size:11px;font-weight:750;display:inline-flex}.reaper-wordmark svg{color:#828187}.reaper-motion-toggle{color:#939298;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:9px 0 9px 12px;font-size:10px;display:flex}.reaper-login-stage{grid-template-columns:minmax(0,560px) minmax(0,380px);justify-content:center;align-items:center;gap:36px;width:min(1080px,100% - 64px);margin:auto;padding:12px 0 42px;display:grid}.reaper-character{pointer-events:none;width:100%;height:580px;position:relative}.reaper-halo{background:radial-gradient(#52405d22,#0000 70%);border-radius:50%;width:380px;max-width:100%;height:380px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.reaper-greet{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:45%;position:absolute;inset:8% 10% 32px}.reaper-greet:disabled{pointer-events:none}.reaper-greeting{text-align:center;color:#e8deef;width:max-content;max-width:65%;font-size:12px;line-height:1.5;position:absolute;top:0;right:0}.reaper-greeting:not(:empty){background:#211c29;border:1px solid #504357;border-radius:16px 16px 16px 3px;padding:9px 14px}.reaper-fallback-face{transform:translateX(calc(var(--reaper-look-x,0) * 5px))}.reaper-canvas-host{position:absolute;inset:-24px -28px 0}.reaper-canvas-host canvas{width:100%;height:100%;display:block}.reaper-rope-hand{pointer-events:none;width:0;height:0;position:absolute}.reaper-rope-knot{pointer-events:none;width:0;height:0;position:absolute;top:53%;left:-16px}.reaper-rope-binding{pointer-events:none;border:3px double #a49074;border-radius:12px;display:none;position:absolute;inset:-14px -16px;box-shadow:0 0 0 1px #33291c,0 18px 55px #0008}.reaper-login[data-exit=departing] .reaper-rope-binding{display:block}.reaper-login[data-exit=departing] .reaper-form-panel{background:#0d0c0f;border-radius:8px}.reaper-login[data-exit=departing] .reaper-character,.reaper-login[data-exit=departing] .reaper-form-panel{will-change:transform, opacity;transform-origin:50%}.reaper-login[data-exit=departing] .reaper-animation-controls{pointer-events:none;opacity:.3}.reaper-login[data-exit=departing] .reaper-fields{opacity:1}.reaper-exit-rope{pointer-events:none;z-index:6;opacity:0;width:100vw;height:100dvh;position:fixed;inset:0;overflow:visible}.reaper-departure-status{text-align:center;color:#e5dfe9;z-index:8;background:#0d0c0fe8;border:1px solid #ffffff18;border-radius:8px;width:max-content;max-width:calc(100% - 48px);padding:14px 22px;font-size:12px;position:fixed;bottom:34px;left:50%;transform:translate(-50%)}.reaper-departure-status a{color:#b5a5c3;text-underline-offset:3px;margin-top:8px;font-size:11px;display:block}@media (max-width:640px){.reaper-rope-knot{top:-14px;left:50%}.reaper-departure-status{bottom:20px}}.reaper-fallback{width:100%;height:100%;padding:48px;position:absolute;inset:0}.reaper-canvas-host[data-renderer=webgl] .reaper-fallback{display:none}.reaper-canvas-host[data-renderer=loading] .reaper-fallback,.reaper-canvas-host[data-renderer=fallback] canvas{visibility:hidden}.reaper-orbit{background:#bab4d26b;border-radius:50%;width:5px;height:5px;animation:7s ease-in-out infinite alternate reaper-drift;position:absolute;box-shadow:0 0 12px #c5b7ff50}.reaper-orbit-one{top:35%;left:14%}.reaper-orbit-two{width:3px;height:3px;animation-delay:-3s;top:70%;right:13%}.reaper-animation-controls{align-items:center;gap:14px;display:flex}.reaper-replay{color:#939298;cursor:pointer;background:0 0;border:1px solid #ffffff16;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.reaper-replay:hover{color:#e9e7ee;border-color:#ffffff50}.reaper-replay:disabled{opacity:.35;cursor:default}.reaper-caption{text-align:center;color:#77767d;letter-spacing:.25em;width:100%;font-size:8px;position:absolute;bottom:-4px}.reaper-form-panel{min-width:0;padding:28px 0;animation:.7s cubic-bezier(.2,.75,.25,1) both reaper-form-in;position:relative}.reaper-eyebrow{color:#a4a2a9;letter-spacing:.22em;margin-bottom:12px;font-size:9px;font-weight:600;display:block}.reaper-form-panel h1{letter-spacing:-.045em;margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,4vw,48px);font-weight:400;line-height:1.12}.reaper-form-panel h1>span{color:#85828c}.reaper-intro{color:var(--reaper-muted);margin:0 0 32px;font-size:12px;line-height:1.8}.reaper-fields{border:0;min-width:0;margin:0;padding:0}.reaper-fields label{color:#cfccd2;margin-bottom:10px;font-size:11px;display:block}.reaper-input-wrap{color:#74727c;background:#111113;border:1px solid #303036;border-radius:6px;align-items:center;gap:12px;min-height:52px;padding:0 15px;transition:border-color .2s,box-shadow .2s;display:flex}.reaper-input-wrap:focus-within{border-color:#99959f;box-shadow:0 0 0 3px #ffffff06}.reaper-input-wrap>svg{flex-shrink:0}.reaper-input-wrap input{color:#f1eff3;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:15px 0;font-size:14px}.reaper-input-wrap input::placeholder{color:#77747f}.reaper-input-wrap input:-webkit-autofill{-webkit-text-fill-color:#f1eff3;caret-color:#f1eff3;-webkit-box-shadow:inset 0 0 0 100px #17171b}.reaper-input-check{color:#c1bebf}.reaper-password-label{justify-content:space-between;align-items:baseline;gap:12px;margin-top:22px;display:flex}.reaper-password-label a{color:#a19da7;font-size:10px}.reaper-reveal{cursor:pointer;color:#9f9aa7;background:0 0;border:0;align-self:stretch;place-items:center;min-width:29px;padding:0 0 0 5px;display:grid}.reaper-submit{color:#151318;cursor:pointer;background:#e9e7eb;border:1px solid #e9e6ec;border-radius:6px;justify-content:center;align-items:center;gap:14px;width:100%;min-height:52px;margin-top:26px;font-size:12px;font-weight:700;transition:background .2s,transform .2s;display:flex}.reaper-submit:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.reaper-fields:disabled{opacity:.7}.reaper-fields:disabled button{cursor:wait}.reaper-spinner{border:2px solid #15131830;border-top-color:#151318;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite reaper-spin}.reaper-registration{color:#918d97;margin-top:24px;font-size:11px;line-height:1.9}.reaper-registration a{color:#ded9e3;text-underline-offset:4px;margin-left:5px;-webkit-text-decoration:underline #625b6c;text-decoration:underline #625b6c}.reaper-alert{color:#d6d1dd;overflow-wrap:anywhere;background:#17161b;border:1px solid #43414b;border-radius:5px;margin-bottom:20px;padding:12px 14px;font-size:12px;line-height:1.6}.reaper-alert.is-error{color:#e5b7c0;background:#25161a;border-color:#693f49}.reaper-login-footer{color:#85828c;justify-content:center;align-items:center;gap:20px;padding:22px 5vw;font-size:10px;display:flex}.reaper-login-footer>span:first-child{letter-spacing:.17em}.reaper-login .social-auth-divider{justify-content:center}.reaper-login .social-auth-divider span{display:none}.reaper-login a:hover{color:#fff}.reaper-login a:focus-visible,.reaper-login button:focus-visible{outline-offset:5px;outline:2px solid #c9c4d2}.reaper-login[data-motion=paused] .reaper-orbit,.reaper-login[data-motion=paused] .reaper-spinner{animation:none}@keyframes reaper-drift{0%{opacity:.25;transform:translate(0)}to{opacity:.8;transform:translate(14px,-32px)}}@keyframes reaper-form-in{0%{opacity:0;transform:translate(90px)rotate(4deg)}to{opacity:1;transform:none}}@keyframes reaper-spin{to{transform:rotate(360deg)}}@media (max-width:900px){.reaper-login-stage{grid-template-columns:minmax(240px,360px) minmax(0,350px);gap:20px;width:calc(100% - 48px)}.reaper-character{height:490px}}@media (max-width:640px){.reaper-login-header{padding:18px 24px}.reaper-wordmark{font-size:10px}.reaper-motion-toggle{font-size:9px}.reaper-animation-controls{gap:6px}.reaper-login-stage{flex-direction:column;gap:0;width:min(400px,100% - 48px);padding:0 0 30px;display:flex}.reaper-character{width:100%;height:290px;margin:-8px auto 0}.reaper-canvas-host{inset:-8px 0 0}.reaper-halo{width:220px;height:220px}.reaper-caption{letter-spacing:.15em;font-size:7px;bottom:0}.reaper-form-panel{width:100%;padding-top:26px}.reaper-form-ornament{display:none}.reaper-form-panel h1{font-size:37px}.reaper-intro{margin-bottom:26px}.reaper-input-wrap input{font-size:16px}.reaper-login-footer{padding:18px 24px;font-size:8px}.reaper-login-footer>span:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){.reaper-login *,.reaper-login :before,.reaper-login :after{transition:none!important;animation:none!important}.reaper-replay{display:none}}.hoodie-host{mix-blend-mode:lighten}.hoodie-art{width:100%;height:100%;display:block}.hoodie-character .reaper-greet{inset:4% 10%}.reaper-login[data-motion=paused] .reaper-form-panel{animation-play-state:paused}.auth-simple{background:#090b0e}.auth-simple:before{background:linear-gradient(#08061040,#08061055),url(/images/login/social-background-v1.webp) 50%/cover no-repeat;position:fixed}.auth-simple:after{content:none}.auth-simple .reaper-login-stage{width:min(460px,100% - 40px);margin:auto;padding:24px 0 44px;display:block}.auth-simple .reaper-form-panel{background:linear-gradient(145deg,#191b21d9,#101115f0);border:1px solid #ffffff13;border-radius:20px;padding:34px;animation:none;box-shadow:0 24px 90px #0005,inset 0 1px #ffffff06}.auth-simple .reaper-form-panel h1{letter-spacing:-.045em;margin-bottom:12px;font-family:inherit;font-size:30px;font-weight:650}.auth-simple .reaper-intro{margin-bottom:26px;font-size:14px}.auth-simple .reaper-fields label,.auth-simple .reaper-password-label a{font-size:13px}.auth-simple .reaper-registration{font-size:13px;line-height:1.7}.auth-simple .reaper-login-footer{flex-wrap:wrap;gap:22px;font-size:12px}.auth-simple .reaper-input-wrap{background:#0d0f14;border-radius:9px}.auth-simple .reaper-submit{border-radius:9px;font-size:14px}.auth-simple .reaper-signup-terms{font-size:12px}@media (max-width:480px){.auth-simple .reaper-form-panel{padding:26px 22px}.auth-simple .reaper-form-panel h1{font-size:27px}.auth-simple .reaper-login-stage{width:calc(100% - 28px)}}