.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-surface-50);padding:3rem 1rem}.auth-form-container{width:100%;max-width:28rem;background-color:var(--color-surface-100);border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;margin:0 auto}.auth-heading{font-size:1.875rem;font-weight:700;text-align:center;margin-bottom:1.5rem;color:var(--color-text)}.auth-subtext{text-align:center;font-size:.875rem;margin-bottom:1.5rem;color:var(--color-text-muted)}.auth-link{color:var(--color-primary);font-weight:500;text-decoration:none;transition:color .15s ease-in-out}.auth-link:hover{color:var(--color-primary-dark)}.auth-error{background-color:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border);border-radius:.25rem;padding:.75rem 1rem;margin-bottom:1.5rem}.auth-form{margin-top:1.5rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--color-text)}.form-input{width:100%;padding:.75rem 1rem;margin-bottom:.5rem;border:1px solid var(--form-field-border);border-radius:.375rem;background-color:var(--form-input-bg);color:var(--form-text-color);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.form-input:disabled{opacity:.7;cursor:not-allowed}.form-checkbox{display:flex;align-items:center}.checkbox-input{height:1rem;width:1rem;border-radius:.25rem;border:1px solid var(--color-border);accent-color:var(--color-primary)}.checkbox-label{margin-left:.5rem;font-size:.875rem;color:var(--color-text)}.flex-between{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.auth-button{width:100%;padding:.75rem 1rem;background-color:var(--color-primary);color:#fff;font-weight:500;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .15s ease-in-out;display:flex;justify-content:center;align-items:center}.auth-button:hover{background-color:var(--color-primary-dark)}.auth-button:disabled{opacity:.7;cursor:not-allowed}.spinner{animation:spin 1s linear infinite;margin-right:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}