.relay-login{--login-bg:#08090a;--login-line:#292a2d;--login-muted:#a1a1a8;--login-accent:#e85b39;background:var(--login-bg);color:#f5f5f5;flex-direction:column;min-height:100svh;font:14px/1.6 DM Sans,sans-serif;display:flex}.relay-login button,.relay-login a,.relay-login input{transition:background .18s,border-color .18s,color .18s}:is(.relay-login button:focus-visible,.relay-login a:focus-visible,.relay-login input:focus-visible){outline:2px solid var(--login-accent);outline-offset:4px}.login-header{border-bottom:1px solid var(--login-line);justify-content:space-between;align-items:center;gap:25px;height:92px;padding:0 48px;display:flex}.login-wordmark{letter-spacing:-1.4px;align-items:center;gap:8px;font-size:31px;font-weight:700;line-height:1;display:inline-flex}.login-wordmark>svg{width:32px;height:32px;color:var(--login-accent)}.login-wordmark>span{color:var(--login-muted);letter-spacing:.4px;align-self:flex-start;margin:1px 0 0 3px;font:10px IBM Plex Mono,monospace}.login-back{color:#aaaab1;align-items:center;gap:9px;min-height:44px;font-size:12px;display:flex}.login-back:hover{color:#f5f5f5}.login-layout{flex:1;grid-template-columns:1.06fr 1fr;min-height:690px;display:grid}.login-story{border-right:1px solid var(--login-line);isolation:isolate;flex-direction:column;justify-content:space-between;padding:68px 64px 38px;display:flex;position:relative;overflow:hidden}.login-story-art{z-index:-1;opacity:.84;position:absolute;inset:170px -60px -45px -95px;-webkit-mask-image:linear-gradient(#0000 0%,#0009 24%,#000 46%);mask-image:linear-gradient(#0000 0%,#0009 24%,#000 46%)}.login-story-art .relay-artwork-shell{width:100%;height:100%}.login-eyebrow{letter-spacing:1.7px;color:var(--login-accent);font:10px/1.6 IBM Plex Mono,monospace;display:block}.login-story-copy{z-index:1;pointer-events:none;position:relative}.login-story h1{letter-spacing:-2.4px;margin:21px 0;font-family:inherit;font-size:clamp(37px,3.4vw,55px);font-weight:450;line-height:1.13}.login-story h1>span{color:#9d9da5}.login-story-copy>p{color:#aaaab1;font-size:16px;line-height:1.7}.login-form-section{justify-content:center;align-items:center;padding:65px 45px;display:flex}.login-form-wrap{width:100%;max-width:390px}.login-form-heading{margin-bottom:33px}.login-form-heading>.login-eyebrow{color:#97979f;letter-spacing:1.8px;font-size:9px}.login-form-heading h2{letter-spacing:-1.25px;margin:15px 0 12px;font-family:inherit;font-size:34px;font-weight:450;line-height:1.2}.login-form-heading p{color:#9d9da5;overflow-wrap:anywhere;font-size:13px;line-height:1.7}.login-form-heading strong{color:#e4e4e9;font-weight:450}.login-wallet-button{color:#101114;text-align:left;background:#ececef;border:1px solid #e7e7e9;border-radius:5px;align-items:center;gap:12px;width:100%;height:52px;padding:0 17px;font-size:14px;font-weight:550;display:flex}.login-wallet-button>svg:last-child{margin-left:auto}.login-wallet-button:hover:not(:disabled){background:#fff}.login-wallet-button:disabled{opacity:.65}.login-wallet-note{color:#92929b;justify-content:center;align-items:center;gap:6px;margin-top:11px;font-size:10px;display:flex}.login-divider{color:#85858e;align-items:center;gap:16px;margin:27px 0;font-size:11px;display:flex}.login-divider>span{background:var(--login-line);flex:1;height:1px}.login-label{color:#c5c5cd;margin-bottom:9px;font-size:12px;font-weight:450;display:block}.login-input-wrap{color:#777780;background:#101113;border:1px solid #38393e;border-radius:5px;align-items:center;gap:11px;height:49px;padding:0 14px;display:flex}.login-input-wrap:focus-within{border-color:#9999a0;box-shadow:0 0 0 1px #9999a0}.login-input-wrap input{color:#f5f5f5;background:0 0;border:0;width:100%;min-width:0;height:100%;padding:0;font-size:13px;outline:none!important}.login-input-wrap input::placeholder{color:#65656f}.login-input-wrap input:disabled{opacity:.5}.login-submit{color:#fff;background:#c94727;border:1px solid #c94727;border-radius:5px;justify-content:center;align-items:center;gap:10px;width:100%;height:49px;margin-top:14px;font-size:13px;font-weight:500;display:flex}.login-submit>svg:last-child{margin-left:auto}.login-submit>svg:first-child:not(:last-child){margin-left:0}.login-submit:has(>svg:last-child){justify-content:flex-start;padding:0 17px}.login-submit:hover:not(:disabled){background:#ce4929;border-color:#ce4929}.login-submit:disabled{opacity:.55}.login-email-note,.login-service-note{color:#8f8f98;margin-top:13px;font-size:11px;line-height:1.7}.login-service-note{color:#afa39f}.login-form-footer{border-top:1px solid var(--login-line);color:#81818c;justify-content:center;align-items:center;gap:8px;margin-top:32px;padding-top:26px;font-size:10px;display:flex}.login-form-footer svg{flex-shrink:0}.login-install,.login-error{color:#e4c2b7;background:#201714;border:1px solid #53342b;border-radius:5px;margin-top:17px;padding:14px 15px;font-size:12px;line-height:1.7}.login-install strong{color:#e7d5ce;font-size:12px;font-weight:500}.login-install p{color:#b9a49c;margin-top:5px;font-size:11px}.login-install a,.login-error button{color:#f0b39e;align-items:center;gap:6px;margin-top:9px;font-size:11px;display:flex}.login-install>span{margin-top:9px;font-size:11px;display:block}.login-error button{background:0 0;border:0;min-height:28px;padding:0}.login-error{overflow-wrap:anywhere}.login-status{color:var(--login-muted);justify-content:center;align-items:center;gap:8px;margin-top:17px;font-size:11px;display:flex}.login-wallet-progress,.login-wallet-help{border:1px solid var(--login-line);color:#b1b1ba;background:#101113;border-radius:5px;margin-top:15px;padding:13px 15px;font-size:11px;line-height:1.7}.login-wallet-help p+p{margin-top:8px}.login-wallet-progress button,.login-wallet-help button{color:#eeeef0;background:0 0;border:0;align-items:center;gap:6px;min-height:32px;margin-top:7px;padding:0;font-size:11px;display:flex}.login-wallet-progress button:hover,.login-wallet-help button:hover{color:var(--login-accent)}.login-code{color:#f5f5f5;letter-spacing:11px;text-align:center;background:#101113;border:1px solid #42434a;border-radius:5px;width:100%;height:62px;padding:0 8px 0 20px;font:24px IBM Plex Mono,monospace}.login-code::placeholder{color:#44444e}.login-code-help{color:#9797a1;margin:12px 0 21px;font-size:11px;line-height:1.7}.login-code-actions{justify-content:space-between;gap:18px;margin-top:19px;display:flex}.login-code-actions button{color:#bbbbc5;background:0 0;border:none;min-height:32px;padding:0;font-size:11px}.login-code-actions button:hover:not(:disabled){color:#fff}.login-code-actions button:disabled{opacity:.55}.login-footer{border-top:1px solid var(--login-line);color:#7f7f89;justify-content:space-between;align-items:center;gap:20px;padding:22px 48px;font-size:10px;display:flex}.login-spinner{animation:.9s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}@media (min-width:1600px){.login-layout{width:100%;max-width:1600px;margin:auto}.login-story{border-left:1px solid var(--login-line)}.login-form-section{border-right:1px solid var(--login-line)}.login-story h1{font-size:58px}}@media (max-width:1100px){.login-story{padding:58px 38px 35px}.login-story h1{letter-spacing:-1.8px;font-size:42px}.login-form-section{padding-inline:35px}.login-story-art{left:-180px;right:-90px}}@media (max-width:760px){.login-header{height:75px;padding-inline:25px}.login-wordmark{font-size:28px}.login-wordmark>svg{width:28px;height:28px}.login-layout{min-height:0;display:block}.login-story{display:none}.login-form-section{min-height:calc(100svh - 135px);padding:60px 25px 70px}.login-form-wrap{max-width:390px}.login-form-heading h2{font-size:34px}.login-footer{padding:20px 25px}.login-back{font-size:11px}.login-form-footer{margin-top:30px}}@media (max-width:380px){.login-header{padding-inline:20px}.login-form-section{padding:45px 20px 55px}.login-form-heading h2{font-size:30px}.login-code{letter-spacing:8px;padding-left:16px}.login-wallet-note{font-size:9px}.login-footer{padding-inline:20px;font-size:9px}}@media (prefers-reduced-motion:reduce){.relay-login *{transition:none!important}.login-spinner{animation:none}}