.login-page{flex-direction:column;min-height:100vh;display:flex}.login-page .login-container{padding:var(--spacing-2xl);flex-grow:1;justify-content:center;align-items:center;display:flex}.login-page .login-container .login-form{background-color:var(--color-background);width:100%;max-width:45rem;padding:var(--spacing-2xl);border-radius:.5rem;box-shadow:0 4px 6px #0000001a}.login-page .login-container .login-form .login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-page .login-container .login-form .login-header h2{color:var(--color-text);font-size:2rem;font-weight:700}.login-page .login-container .login-form .error-message{color:var(--color-text);padding:var(--spacing-sm);margin-bottom:var(--spacing-lg);background-color:#ef44441a;border-radius:.375rem}.login-page .login-container .login-form .success-message{color:var(--color-text);padding:var(--spacing-sm);margin-bottom:var(--spacing-lg);background-color:#10b9811a;border-radius:.375rem}.login-page .login-container .login-form .form-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.login-page .login-container .login-form .form-section:last-of-type{border-bottom:none}.login-page .login-container .login-form .form-section h3{color:var(--color-text);margin-bottom:var(--spacing-md);font-size:1.25rem;font-weight:600}.login-page .login-container .login-form .form-group{margin-bottom:var(--spacing-lg);position:relative}.login-page .login-container .login-form .form-group label{margin-bottom:var(--spacing-sm);color:var(--color-text);font-weight:500;display:block}.login-page .login-container .login-form .form-group .char-count{color:var(--color-text);font-size:12px;position:absolute;top:0;right:0}.login-page .login-container .login-form .form-group textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);resize:vertical;border-radius:.375rem;min-height:100px;font-size:1rem}.login-page .login-container .login-form .form-group textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #ffa8771a}.login-page .login-container .login-form .form-group input{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:.375rem;font-size:1rem}.login-page .login-container .login-form .form-group input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #ffa8771a}.login-page .login-container .login-form .form-row{gap:var(--spacing-md);display:flex}.login-page .login-container .login-form .form-row .form-group{flex:1}.login-page .login-container .login-form .login-links{margin-bottom:var(--spacing-xl);justify-content:space-between;display:flex}.login-page .login-container .login-form .login-links a{color:var(--color-primary);text-decoration:none}.login-page .login-container .login-form .login-links a:hover{text-decoration:underline}.login-page .login-container .login-form .submit-button{background-color:var(--color-primary);color:var(--color-text);cursor:pointer;border:none;border-radius:.375rem;width:100%;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}