.auth-container{padding-top:var(--header-height-single, 56px)}main.auth-main{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:calc(100vh - var(--header-height-single, 56px));padding:2rem}.form-container{background-color:var(--card-bg);color:var(--text-primary);padding:2.25rem 2rem;border-radius:var(--border-radius-xtra-large);box-shadow:var(--strong-floating-shadow);width:100%;max-width:400px;transition:background-color .3s ease,box-shadow .3s ease,color .3s ease,border-color .3s ease;border:1px solid var(--border-subtle);margin:0}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{font-weight:500;font-size:1.7rem;margin-top:0;margin-bottom:2.25rem;text-align:center;color:var(--text-accent);transition:color .3s ease}.form-field{margin-bottom:1.5rem}.form-field label{display:block;font-weight:500;margin-bottom:.5rem;font-size:.85rem;color:var(--text-secondary-general);transition:color .3s ease}input[type=text].auth-input,input[type=password].auth-input{display:block;width:100%;padding:.9rem 1.2rem;font-size:.95rem;border-radius:var(--border-radius-medium);border:1px solid var(--border-default);background-color:var(--input-field-bg);color:var(--text-primary);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .3s ease,color .3s ease;box-shadow:var(--input-inset-shadow)}input[type=text].auth-input::placeholder,input[type=password].auth-input::placeholder{color:#777;opacity:.8;transition:color .3s ease}.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{list-style-type:none;padding:0;margin:.5rem 0 0 .1rem;font-size:.8rem;color:var(--flash-text-color);transition:color .3s ease}.form-errors li{margin-bottom:.2rem}button.auth-submit-button,input[type=submit].auth-submit-button{display:block;width:100%;padding:.9rem 1.2rem;margin-top:2.25rem;font-size:1rem;font-weight:500;border-radius:var(--border-radius-pill);border:none;background-color:var(--button-primary-bg);color:var(--button-primary-text);cursor:pointer;user-select:none;transition:background-color .15s,box-shadow .15s,color .3s ease,transform .1s ease;box-shadow:var(--floating-shadow)}@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;margin-top:1.75rem;font-size:.85rem;color:var(--text-secondary-general);transition:color .3s ease}.form-container p a,.form-container p a:link,.form-container p a:visited{font-weight:600;color:var(--link-color)}@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(max-width:600px){.form-container{padding:2rem 1.5rem;max-width:calc(100% - 2rem)}.form-container h2{font-size:1.6rem}input[type=text].auth-input,input[type=password].auth-input{font-size:.9rem;padding:.85rem 1.1rem}button.auth-submit-button,input[type=submit].auth-submit-button{padding:.85rem;font-size:.95rem}}@media(max-height:700px)and (orientation:portrait){main.auth-main{padding-top:1rem;padding-bottom:1rem}.form-container{padding:1.8rem 1.5rem;margin-top:.5rem;margin-bottom:.5rem;border-radius:var(--border-radius-large)}.form-container h2{font-size:1.5rem;margin-bottom: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}}
