@import "main.css";body{background-image:url(../images/auth.png);background-position:50%;background-size:cover;flex-direction:row;justify-content:center;align-items:center;display:flex;position:relative}.form{background-color:var(--bg-card);border:1px solid var(--border-active);width:400px;box-shadow:var(--shadow-card);border-radius:12px;flex-direction:column;align-items:center;padding:20px;display:flex}.form .logo{aspect-ratio:1;background-color:var(--color-primary-100);border-radius:50%;justify-content:center;align-items:center;width:90px;margin-bottom:10px;display:flex}.form .logo img{border-radius:50%;width:80%}.form h2{font-size:1.3rem}.form p{margin-bottom:40px;font-size:.9rem}.form form{flex-direction:column;justify-content:center;align-items:center;row-gap:10px;width:90%;margin-bottom:15px;display:flex}.form form .row{flex-direction:row;column-gap:8px;width:100%;display:flex}.form form input{background-color:var(--input-bg);width:100%;color:var(--input-text);border:1px solid var(--input-border);text-align:center;font-size:1rem;font-family:var(--font-regular),serif;border-radius:8px;outline:none;padding:10px 15px;transition:all .2s ease-in-out}.form form select{background-color:var(--input-bg);width:50%;color:var(--input-text);border:1px solid var(--input-border);font-family:var(--font-regular),serif;text-align:center;border-radius:8px;outline:none;padding:10px 15px;font-size:1rem}.form form input::placeholder{color:var(--input-label)}.form form input:hover{background-color:var(--input-hover-bg);border-color:var(--input-hover-border);transition:all .2s ease-in-out}.form form input:focus{background-color:var(--input-focus-bg);border-color:var(--input-focus-border);transition:all .2s ease-in-out}.form form button{background-color:var(--btn-primary-bg);width:100%;color:var(--btn-primary-text);border:1px solid var(--btn-primary-border);font-family:var(--font-regular),serif;text-align:center;cursor:pointer;border-radius:8px;padding:8px 15px;font-size:1rem;transition:all .2s ease-in-out}.form form button:hover{background-color:var(--btn-primary-hover-bg);border-color:var(--btn-primary-hover-border);transition:all .2s ease-in-out}.form p:last-child,.form p span{cursor:pointer;color:var(--text-link);margin:0;font-size:.8rem;transition:all .2s ease-in-out}.form p span:hover{color:var(--text-link-hover);transition:all .2s ease-in-out}.register-form{display:none}@keyframes fade-from-left{0%{opacity:0;transform:translate(-50%)}to{opacity:1;transform:translate(0)}}@keyframes fade-from-right{0%{opacity:0;transform:translate(50%)}to{opacity:1;transform:translate(0)}}@keyframes fade-to-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-50%)}}@keyframes fade-to-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(50%)}}@media only screen and (width<500px){.form{width:90%}.form form input,.form form select{font-size:.8rem}}