.login{place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.login__inner{z-index:1;text-align:center;max-width:32em;padding:0 2rem;animation:1.6s cubic-bezier(.2,.7,.2,1) login-rise;position:relative}@keyframes login-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login__mark{font-family:var(--serif);letter-spacing:-.025em;color:var(--text);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;line-height:1}.login__instruction{font-family:var(--serif);color:var(--text-muted);max-width:26em;margin:1.75rem auto 3rem;font-size:clamp(1rem,1.4vw,1.125rem);font-style:italic;line-height:1.55}.login__form{align-items:center;gap:.75rem;width:100%;max-width:22em;margin:0 auto;display:flex;position:relative}.login__input{border:0;border-bottom:1px solid var(--line-stronger);font-family:var(--serif);color:var(--text);text-align:center;letter-spacing:.02em;background:0 0;outline:0;flex:1;padding:.85rem .5rem;font-size:1.125rem;transition:border-color .4s}.login__input::placeholder{color:var(--text-faint);font-style:italic}.login__input:focus{border-bottom-color:var(--accent)}.login__input:focus::placeholder{color:#e8e6e02e}.login__submit{font-family:var(--sans);letter-spacing:.32em;text-transform:uppercase;color:var(--accent);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #c9a96e80;padding:.6rem 1rem;font-size:.78rem;transition:color .3s,border-color .3s,opacity .3s}.login__submit:hover:not(:disabled){color:var(--text);border-bottom-color:var(--text)}.login__submit:disabled{opacity:.4;cursor:not-allowed}.login__form--shake{animation:.4s cubic-bezier(.36,.07,.19,.97) login-shake}.login__form--shake .login__input{border-bottom-color:#c8514ab3}@keyframes login-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}