.login{justify-content:center;align-items:center;width:100%;min-height:100svh;display:flex;position:relative;overflow:hidden}.login__canvas{pointer-events:none;z-index:0;position:absolute;inset:0}.login__canvas canvas{width:100%;height:100%}.login__glow{pointer-events:none;z-index:1;background:radial-gradient(circle,#0000 0%,#0000008c 55%,#000 100%);position:absolute;inset:0}.login__fade{pointer-events:none;z-index:1;background:linear-gradient(#000 0%,#000000d9 45%,#0000 100%);height:33%;position:absolute;top:0;left:0;right:0}.login__inner{text-align:center;z-index:2;flex-direction:column;gap:18px;width:100%;max-width:420px;padding:120px 24px 64px;display:flex;position:relative}.login__inner:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(62% 52% at 50% 44%,#000000f0 0%,#000c 48%,#0000 100%);position:absolute;inset:-56px -72px}.login__card{flex-direction:column;gap:18px;display:flex}.login__title{color:#fff;letter-spacing:.8px;justify-content:center;align-items:center;gap:10px;font-family:My Pager,monospace;font-size:34px;font-weight:400;line-height:38px;display:flex}.login__chain{color:#999;letter-spacing:1.2px;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-family:My Pager,monospace;font-size:12px;line-height:16px;display:flex}.login__chain span{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.login__sub{color:#999;justify-content:center;align-items:center;gap:8px;font-family:Roobert-Regular,sans-serif;font-size:17px;line-height:24px;display:flex}.login__form{margin-top:6px}.login__field{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0a;border:1px solid #242424;border-radius:12px;align-items:center;gap:6px;padding:5px 5px 5px 14px;transition:border-color .3s;display:flex}.login__field:focus-within{border-color:#fff}.login__field input{color:#fff;background:0 0;border:0;outline:none;flex:auto;min-width:0;padding:10px 0;font-family:Roobert-Regular,sans-serif;font-size:15px}.login__field input::placeholder{color:#4a4a4a}.login__send{color:#000;background:#fff;border-radius:9px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;transition:box-shadow .3s,opacity .3s;display:flex;box-shadow:0 0 14px #ffffff80}.login__send:hover:not(:disabled){box-shadow:0 0 24px #fffc}.login__send:disabled{cursor:default;opacity:.6}.login__codes{grid-template-columns:repeat(6,1fr);gap:8px;margin-top:4px;display:grid}.login__code{color:#fff;text-align:center;background:#ffffff0a;border:1px solid #242424;outline:none;width:100%;height:54px;font-family:My Pager,monospace;font-size:22px;line-height:54px;transition:border-color .3s,background .3s}.login__code:focus{background:#ffffff14;border-color:#fff}.login__code:disabled{color:#999}.login__actions{flex-direction:column;align-items:center;gap:14px;margin-top:4px;display:flex}a.login__back{margin-top:2px;text-decoration:none;display:block}.login__back{color:#999;letter-spacing:.2px;font-family:Roobert-Regular,sans-serif;font-size:13px;transition:color .3s}.login__back:hover:not(:disabled){color:#fff}.login__back:disabled{cursor:default;opacity:.6}.login__addr{background:#0000008c;border:1px solid #242424;justify-content:center;align-items:center;gap:10px;padding:12px 14px;display:flex}.login__addr-value{color:#fff;letter-spacing:.4px;font-family:Roobert-Regular,sans-serif;font-size:15px}.login__copy{color:#999;justify-content:center;align-items:center;transition:color .3s;display:flex}.login__copy:hover{color:#fff}.login__fund{color:#999;letter-spacing:.2px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-family:Roobert-Regular,sans-serif;font-size:12px;line-height:18px;display:flex}.login__fund span{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.login__hint,.login__terms{color:#999;letter-spacing:.2px;font-family:Roobert-Regular,sans-serif;font-size:12px;line-height:18px}.login__terms a{color:#fff;text-underline-offset:3px;text-decoration:underline}.login__err{color:#fff;font-family:Roobert-Regular,sans-serif;font-size:13px;line-height:18px}.login__err:before{color:#999;content:"! "}@media screen and (max-width:600px){.login__inner{padding:104px 20px 56px}.login__title{font-size:28px;line-height:32px}.login__sub{font-size:15px}.login__codes{gap:6px}.login__code{height:48px;font-size:19px;line-height:48px}}