.auth-container{padding-top:var(--header-height-single,56px)}main.auth-main{min-height:calc(100vh - var(--header-height-single,56px));flex-direction:column;justify-content:flex-start;align-items:center;padding:2rem;display:flex}.form-container{background-color:var(--card-bg);color:var(--text-primary);border-radius:var(--border-radius-xtra-large);box-shadow:var(--strong-floating-shadow);border:1px solid var(--border-subtle);width:100%;max-width:400px;margin:0;padding:2.25rem 2rem;transition:background-color .3s,box-shadow .3s,color .3s,border-color .3s}main.auth-main:has(#flash-messages-area:not(:empty)) .form-container{margin-top:calc(1.75rem + 55px)}.form-container.login{max-width:360px}.form-container h2{margin-top:0;text-align:center;color:var(--text-accent);margin-block-end:2.25rem;font-size:1.7rem;font-weight:500;transition:color .3s}.form-field{margin-bottom:1.5rem}.form-field label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;font-weight:500;transition:color .3s;display:block}input[type=text].auth-input,input[type=password].auth-input{border-radius:var(--border-radius-medium);border:1px solid var(--border-default);background-color:var(--input-field-bg);width:100%;color:var(--text-primary);box-shadow:var(--input-inset-shadow);outline:none;padding:.9rem 1.2rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s,background-color .3s,color .3s;display:block}input[type=text].auth-input::placeholder,input[type=password].auth-input::placeholder{color:var(--text-legacy-777777);opacity:.8;transition:color .3s}.dark input[type=text].auth-input::placeholder,.dark input[type=password].auth-input::placeholder{color:var(--text-placeholder)}input[type=text].auth-input:focus,input[type=password].auth-input:focus{border-color:var(--border-focus);box-shadow:var(--input-inset-shadow), 0 0 0 3px var(--shadow-interactive-focus)}.form-errors{color:var(--flash-text-color);margin:.5rem 0 0 .1rem;padding:0;font-size:.8rem;list-style-type:none;transition:color .3s}.form-errors li{margin-bottom:.2rem}button.auth-submit-button,input[type=submit].auth-submit-button{border-radius:var(--border-radius-pill);background-color:var(--button-primary-bg);width:100%;color:var(--button-primary-text);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--floating-shadow);border:none;margin-top:2.25rem;padding:.9rem 1.2rem;font-size:1rem;font-weight:500;transition:background-color .15s,box-shadow .15s,color .3s,transform .1s;display:block}@media (hover:hover) and (pointer:fine){button.auth-submit-button:hover,input[type=submit].auth-submit-button:hover{background-color:var(--button-primary-hover-bg);box-shadow:0 2px 8px var(--shadow-interactive-focus), 0 4px 10px var(--shadow-main);transform:translateY(-1px)scale(1.005)}}button.auth-submit-button:focus-visible,input[type=submit].auth-submit-button:focus-visible{background-color:var(--button-primary-hover-bg);box-shadow:0 2px 8px var(--shadow-interactive-focus), 0 4px 10px var(--shadow-main), 0 0 0 2px var(--border-focus);outline-offset:2px;transform:translateY(-1px)scale(1.005)}button.auth-submit-button:active,input[type=submit].auth-submit-button:active{transform:translateY(0)scale(.99)}.form-container p{text-align:center;color:var(--text-secondary);margin-top:1.75rem;font-size:.85rem;transition:color .3s}.form-container p a,.form-container p a:link,.form-container p a:visited{color:var(--link-color);font-weight:600}@media (hover:hover) and (pointer:fine){.form-container p a:hover,.form-container p a:focus{color:var(--link-hover-color)}}.form-container p a:focus-visible{color:var(--link-hover-color);outline:2px solid var(--border-focus);outline-offset:1px}@media (width<=600px){.form-container{max-width:calc(100% - 2rem);padding:2rem 1.5rem}.form-container h2{font-size:1.6rem}input[type=text].auth-input,input[type=password].auth-input{padding:.85rem 1.1rem;font-size:.9rem}button.auth-submit-button,input[type=submit].auth-submit-button{padding:.85rem;font-size:.95rem}}@media (height<=700px) and (orientation:portrait){main.auth-main{padding-top:1rem;padding-bottom:1rem}.form-container{border-radius:var(--border-radius-large);margin-top:.5rem;margin-bottom:.5rem;padding:1.8rem 1.5rem}.form-container h2{margin-bottom:1.5rem;font-size:1.5rem}.form-field{margin-bottom:1.25rem}button.auth-submit-button,input[type=submit].auth-submit-button,.form-container p{margin-top:1.8rem}}
