body{margin:0}main{--label-spacing: 6px;--input-spacing: 40px;--input-width: 100%;--input-height: 34px;display:flex;justify-items:center;align-items:center;min-height:100vh;font-size:14px}main a{cursor:pointer;color:#0076ff;letter-spacing:.16px;text-decoration:none}main button,main .btn{width:var(--input-width);padding:calc(.5 * (var(--input-height) - 16px));text-decoration:none}main h1{margin:0 0 2px;font-size:24px;line-height:40px;letter-spacing:.58px;font-weight:800}main h2{margin:0 0 26px;color:#656565;font-size:14px;font-weight:300;letter-spacing:.4px}main hr{width:100%;margin:0 0 16px}main hr.two-sided-margin{margin-top:16px}main [role=alert]:not(input+*){box-sizing:border-box;width:100%;padding:10px 18px;border-radius:8px;color:#ff1717;background-color:#fff1eb;font-size:inherit;letter-spacing:.2px;transform-origin:top;animation:spawn-error-banner 1s cubic-bezier(.175,.885,.32,1.275) both}@keyframes spawn-error-banner{0%{opacity:0;transform:rotateX(-100deg)}to{opacity:1;transform:rotateX(0)}}main hr+[role=alert]:not(input+*){margin-bottom:16px}main h2+[role=alert]:not(input+*){margin-top:-10px;margin-bottom:16px}main>.auth-card{box-sizing:border-box;width:420px;padding:35px 50px;border-radius:8px;margin:0 auto;background-color:#fff;box-shadow:1px 1px 10px #00000029;text-align:center;font-family:Rubik,sans-serif;font-size:14px;font-weight:500;letter-spacing:.4px;line-height:21px}main>form{box-sizing:border-box;width:420px;padding:30px 50px 60px;border-radius:8px;margin:0 auto;background-color:#fff;box-shadow:1px 1px 10px #00000029;font-family:Rubik,sans-serif}main>form :not(label,input,input+[id][role=alert]){text-align:center}main>form input{width:var(--input-width);height:var(--input-height);margin-top:var(--label-spacing);margin-bottom:var(--input-spacing)}main>form input[aria-invalid=true]{--input-border-color: #ff1717}main>form input[aria-invalid=true]:focus{--input-shadow-color: #ff171740}main>form input+div[id][role=alert]{--error-height: 16px;--field-error-distance: 10px;display:none;height:var(--error-height);color:#ff1717;font-weight:400}main>form input+div[id][role=alert]:not(:empty){display:block;margin-top:calc(var(--field-error-distance) - var(--input-spacing));margin-bottom:calc(var(--input-spacing) - var(--field-error-distance) - var(--error-height));animation:spawn-error-message .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes spawn-error-message{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}main>form ul.providers{display:flex;flex-direction:column;gap:18px;list-style-type:none}main>form ul.providers>li>button[type=submit]{position:relative;display:flex;justify-content:center;align-items:center;color:#000;font-weight:400;background-color:#fff;border-color:#ddd}main>form ul.providers>li>button[type=submit]:focus-visible{outline:none;filter:brightness(.95)}main>form ul.providers>li>button[type=submit]>:is(img,svg):first-child{position:absolute;left:16px;width:auto;height:20px;object-fit:contain}