main{background-color:var(--ui-bg);width:100vw;min-height:100vh;height:auto;box-sizing:border-box;padding-bottom:clamp(40px,5vh,72px);display:flex;flex-direction:column;align-items:center}body{overflow:auto}nav#auth-nav-wrapper{margin:4vw 0vw 2vw}a.auth-nav-logo{padding:1vw 1vw .7vw;display:flex;border-radius:1vw;overflow:hidden;background-color:var(--ui-light-surface)}img.auth-nav-logo-img{width:11vw}div#auth-iside-content{width:80vw;display:flex;flex-direction:column;margin-top:2vw;align-items:center}.auth-title-box{display:flex;flex-direction:column;align-items:center;margin:0vw 0vw 2vw}.auth-title{color:var(--ui-text-body);font-size:2vw;font-weight:800}.auth-subtitle{color:var(--ui-text-body);font-size:1vw;font-weight:400;margin-top:.1vw}form.auth-form{width:20vw;display:flex;flex-direction:column;row-gap:.75vw}form#register-form{width:min(36vw,680px)}.auth-field{display:flex;flex-direction:column;gap:.3vw}.auth-name-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75vw}.auth-field label,.auth-role-field legend{color:var(--ui-text-body);font-size:.95vw;font-weight:600}.auth-field input{box-sizing:border-box;width:100%;border:1px solid transparent;border-radius:555px;padding:.9vw 1.1vw;background-color:var(--ui-light-surface);color:var(--ui-light-brand-ink);font:inherit;outline:none}.auth-field input:focus{border-color:var(--ui-brand)}.auth-role-field{margin:0;padding:0;border:0}.auth-role-switch.u-switch-swap{display:flex;width:100%;margin:.3vw 0 0;padding:0;position:relative;overflow:hidden;border:0;border-radius:555px;background:var(--ui-light-surface)}.auth-role-switch .u-switch-item{position:relative;z-index:1;display:flex;flex:0 0 auto;justify-content:center;align-items:center;border:0;padding:.8vw .75vw;background:transparent;color:var(--ui-light-brand-ink);font:inherit;font-size:.9vw;font-weight:700;cursor:pointer;transition:.3s ease}.auth-role-switch .u-switch-item.active{color:var(--ui-on-accent);background:var(--ui-control)}.auth-form-errors,.auth-form-status{box-sizing:border-box;width:100%;border-radius:12px;padding:.7vw 1vw;font-size:.9vw}.auth-form-errors{border:1px solid var(--ui-danger-text);background:var(--ui-danger-tint);color:var(--ui-danger-tint-ink)}.auth-form-errors ul{margin:0;padding-left:1.1em}.auth-form-status{border:1px solid var(--ui-success-tint);background:var(--ui-success-tint);color:var(--ui-success-ink)}.auth-links{display:flex;justify-content:center;gap:1vw;margin-top:clamp(8px,.8vw,16px);padding-bottom:4px}.auth-links :is(a,.auth-link-button){color:var(--ui-text-body);font-size:clamp(13px,.95vw,16px);text-decoration:underline;text-underline-offset:.15em}.auth-links .auth-link-button{padding:0;border:0;background:transparent;cursor:pointer;font:inherit}button.auth-send-btn{box-sizing:border-box;background-color:var(--ui-brand);width:100%;padding:1vw;border-radius:555px;font-size:1vw;font-family:Sofia Sans;font-weight:700;outline:none;color:var(--ui-on-accent);border:none;transition:.3s ease-in-out;cursor:pointer;margin-top:.2vw}button.auth-send-btn:not(:disabled):hover{background-color:var(--ui-brand-hover)}@media (max-width: 768px){main{min-height:100vh;height:auto;padding-bottom:48px}body{overflow:auto}nav#auth-nav-wrapper{margin:32px 0 24px}a.auth-nav-logo{border-radius:14px;padding:10px 12px 8px}img.auth-nav-logo-img{width:148px}div#auth-iside-content{width:min(100% - 40px,420px);margin-top:12px}.auth-title-box{margin-bottom:24px;text-align:center}.auth-title{font-size:30px}.auth-subtitle{font-size:16px;line-height:1.25}form.auth-form,form#register-form{width:100%;row-gap:12px}.auth-field{gap:5px}.auth-name-fields{gap:10px}.auth-field label,.auth-role-field legend{font-size:15px}.auth-field input{padding:13px 16px}.auth-role-switch.u-switch-swap{margin-top:5px}.auth-role-switch .u-switch-item{padding:12px 3px;font-size:13px}.auth-form-errors,.auth-form-status{padding:10px 14px;font-size:14px}.auth-links{gap:16px;margin-top:4px}button.auth-send-btn{padding:13px;font-size:16px}}