.login{z-index:9999;background:var(--black);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login__content{text-align:center;flex-direction:column;align-items:center;gap:22px;width:100%;max-width:440px;padding:0 22px;display:flex}.login__title{text-transform:uppercase;letter-spacing:.02em;color:var(--cement);margin:0;font-family:Departure Mono,monospace;font-size:22px;line-height:1.3}.login__sub{text-transform:uppercase;letter-spacing:.02em;color:var(--ash);margin:0;font-family:Departure Mono,monospace;font-size:11px;line-height:1.5}.login__input{border:1px solid var(--soot);width:100%;color:var(--cement);text-transform:uppercase;letter-spacing:.02em;text-align:center;background:0 0;outline:none;padding:14px;font-family:Departure Mono,monospace;font-size:16.5px;line-height:1;transition:border-color .15s}.login__input:focus{border-color:var(--amber)}.login__input::placeholder{color:var(--ash);text-transform:uppercase}.login__btn{border:1px solid var(--soot);width:100%;color:var(--cement);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;background:0 0;padding:14px 28px;font-family:Departure Mono,monospace;font-size:14px;line-height:1;transition:border-color .15s,color .15s}.login__btn:hover{border-color:var(--amber);color:var(--amber)}.login__code-inputs{justify-content:center;gap:8px;display:flex}.login__code-input{border:1px solid var(--soot);width:44px;height:55px;color:var(--cement);text-align:center;text-transform:uppercase;background:0 0;outline:none;font-family:Departure Mono,monospace;font-size:22px;line-height:1;transition:border-color .15s}.login__code-input:focus{border-color:var(--amber)}.login__error{text-transform:uppercase;color:var(--pumpkin);text-align:center;margin-top:16px;font-family:Departure Mono,monospace;font-size:11px;line-height:1.4}.login__attempts{text-transform:uppercase;color:var(--amber);text-align:center;margin-top:8px;font-family:Departure Mono,monospace;font-size:11px;line-height:1.4}.login__resend{color:var(--ash);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;background:0 0;border:none;padding:0;font-family:Departure Mono,monospace;font-size:11px;line-height:1;transition:color .15s}.login__resend:hover{color:var(--amber)}.login .home-btn{border:1px solid var(--soot);color:var(--cement);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:44px;height:44px;font-family:Departure Mono,monospace;font-size:16px;transition:border-color .15s,color .15s;display:flex;position:absolute;top:22px;right:22px}.login .home-btn:hover{border-color:var(--amber);color:var(--amber)}