:root{--background-color: #f3f4f5;--legal-spacing: 20px}*,*::placeholder{font-size:15px}body{display:flex;flex-direction:column}header{align-items:center;background:white;display:flex;justify-content:space-between;padding:0 30px}.button{background-color:var(--cardtapp-blue);border-radius:var(--border-radius);color:white;font-weight:400;padding:12px;text-decoration:none}main{background-color:var(--background-color);display:grid;flex-grow:1;padding:20px;place-content:center}article{align-items:center;background-color:white;border-radius:var(--border-radius);display:flex;flex-direction:column;max-width:380px;padding:25px}article>form{width:100%}h1{font-size:2rem;font-weight:600;margin-top:10px}.login-legal,.legal-notice{font-size:var(--small-font);margin-top:var(--legal-spacing)}.login-legal a,.legal-notice a{font-size:calc(var(--small-font) + 1px)}.login-link{margin-top:20px;width:100%}.login-link.button{display:block;text-align:center}.vertical-button{margin-bottom:12px}.login-change-email{display:block;margin-bottom:-6px;text-align:right;width:100%}.alerts{color:red;font-weight:bold}.center{text-align:center}@media only screen and (max-width: 450px){body{min-width:initial}header{padding-top:20px}header>.button{display:none}main{background-color:white;padding-top:0;place-content:initial}article{padding:0}}.send-verification-code-buttons{display:flex;gap:10px;padding-top:10px}.send-verification-code-buttons>input{background-color:var(--background-color);color:black;font-size:10px;padding:8px 36px;white-space:break-spaces;width:initial}@media only screen and (max-width: 370px){.send-verification-code-buttons>input{padding:8px 22px}}.reset-attention{margin:-10px 0 10px}.reset-attention a{font-size:17px}label[for="user_otp_attempt"]{position:static}.otp-input-wrapper label{display:flex;flex-direction:column;place-self:center}.otp-input-wrapper input{--w: 1ch;--g: 0.15em;--b: 1px;--c: lightgray;--_n: 6;font-size:30px;line-height:1.5;letter-spacing:var(--w);font-family:monospace;width:calc(var(--_n) * (1ch + var(--w)) + 0.25ch);padding-left:calc((var(--w) - var(--g)) / 2);padding-right:0;place-self:center;clip-path:inset(0 calc(var(--w) / 2) 0 0);background:repeating-linear-gradient(90deg, var(--c) 0 var(--b), rgba(0,0,0,0) 0 calc(1ch + var(--w) - var(--g) - var(--b)), var(--c) 0 calc(1ch + var(--w) - var(--g)), rgba(0,0,0,0) 0 calc(1ch + var(--w))),conic-gradient(at calc(100% - var(--g) - 1px) var(--b), rgba(0,0,0,0) 75%, var(--c) 0) 0 0/calc(1ch + var(--w)) calc(100% - var(--b));border:none;border-radius:0;outline:0}.otp-input-wrapper input::-webkit-outer-spin-button,.otp-input-wrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.otp-input-wrapper input:focus-visible{--c: #000}.backup-codes{background:none;border:none;color:#007bff;cursor:pointer;font-size:0.9em;padding:0;font-family:inherit}